diff --git a/404.html b/404.html
index 1be0def876..22f24f2560 100644
--- a/404.html
+++ b/404.html
@@ -8,20 +8,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>404 Page not found :: Hugo Relearn Theme</title>
-    <link href="./images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="./css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="./css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="./css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1675789782" rel="stylesheet">
-    <link href="./css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="./css/ie.css?1675789782" rel="stylesheet">
-    <link href="./css/variant.css?1675789782" rel="stylesheet">
-    <link href="./css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="./js/url.js?1675789782"></script>
-    <script src="./js/variant.js?1675789782"></script>
+    <link href="./css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="./css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="./css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="./css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1675891447" rel="stylesheet">
+    <link href="./css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="./css/ie.css?1675891447" rel="stylesheet">
+    <link href="./css/variant.css?1675891447" rel="stylesheet">
+    <link href="./css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="./js/url.js?1675891447"></script>
+    <script src="./js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 e0c3940611..5f1c0f5541 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>Hugo Relearn Theme</title>
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1650,12 +1650,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789782" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789782" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789782" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789782" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789782" defer></script>
-        <script src="../../js/search.js?1675789782" defer></script>
+        <script src="../../js/auto-complete.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891447" defer></script>
+        <script src="../../js/search.js?1675891447" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -1772,12 +1772,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789782"></script>
+          <script async src="../../js/buttons.js?1675891447"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789782" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789782" defer></script>
-    <script src="../../js/theme.js?1675789782" defer></script>
+    <script src="../../js/clipboard.min.js?1675891447" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891447" defer></script>
+    <script src="../../js/theme.js?1675891447" defer></script>
   </body>
 </html>
diff --git a/basics/changelog/index.print.html b/basics/changelog/index.print.html
index be4895b7d5..d41b9bd113 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>Hugo Relearn Theme</title>
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1025,8 +1025,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.html b/basics/configuration/index.html
index 5f22b2c5e2..d9b8917841 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -232,10 +232,10 @@
 </span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
 <p>
 		
-<a href="#image-c5fb69696a0224abada92cf6300c0582" class="lightbox-link">
+<a href="#image-f143d456a758a2a13f974a21bd790b25" class="lightbox-link">
 <img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-c5fb69696a0224abada92cf6300c0582">
+<a href="javascript:history.back();" class="lightbox" id="image-f143d456a758a2a13f974a21bd790b25">
 <img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -284,10 +284,10 @@ default values:</p>
 </span></span></code></pre></div><p>The home button is going to look like this:</p>
 <p>
 		
-<a href="#image-fc9119d07babd6050caa7522bf044309" class="lightbox-link">
+<a href="#image-00cbacc9d60e5a0a4f188827122353e0" class="lightbox-link">
 <img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="shadow" style="height: auto; width: 300px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-fc9119d07babd6050caa7522bf044309">
+<a href="javascript:history.back();" class="lightbox" id="image-00cbacc9d60e5a0a4f188827122353e0">
 <img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -369,12 +369,12 @@ default values:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -491,12 +491,12 @@ default values:</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.print.html b/basics/configuration/index.print.html
index 6e5d44823c..7d30779033 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -188,10 +188,10 @@
 </span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
 <p>
 		
-<a href="#image-c5fb69696a0224abada92cf6300c0582" class="lightbox-link">
+<a href="#image-f143d456a758a2a13f974a21bd790b25" class="lightbox-link">
 <img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-c5fb69696a0224abada92cf6300c0582">
+<a href="javascript:history.back();" class="lightbox" id="image-f143d456a758a2a13f974a21bd790b25">
 <img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -240,10 +240,10 @@ default values:</p>
 </span></span></code></pre></div><p>The home button is going to look like this:</p>
 <p>
 		
-<a href="#image-fc9119d07babd6050caa7522bf044309" class="lightbox-link">
+<a href="#image-00cbacc9d60e5a0a4f188827122353e0" class="lightbox-link">
 <img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="shadow" style="height: auto; width: 300px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-fc9119d07babd6050caa7522bf044309">
+<a href="javascript:history.back();" class="lightbox" id="image-00cbacc9d60e5a0a4f188827122353e0">
 <img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -253,8 +253,8 @@ default values:</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.html b/basics/customization/index.html
index 238edb02d7..aab656d1a9 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -269,12 +269,12 @@ You could use an <code>img</code> HTML tag and reference an image created under
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -391,12 +391,12 @@ You could use an <code>img</code> HTML tag and reference an image created under
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.print.html b/basics/customization/index.print.html
index 86afe4abe4..2b3fdcb926 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -162,8 +162,8 @@ You could use an <code>img</code> HTML tag and reference an image created under
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.html b/basics/generator/index.html
index 2c6f68b2fe..8c42be9ecc 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@ window.variants && variants.generator( '#vargenerator' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -350,25 +350,25 @@ window.variants && variants.generator( '#vargenerator' );
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1675789783" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1675789783" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1675789783" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1675789783" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1675789783" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1675789783" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1675789783" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1675789783" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1675789783" defer></script>
-    <script src="../../js/mermaid.min.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1675891448" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1675891448" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1675891448" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1675891448" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1675891448" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1675891448" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1675891448" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1675891448" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1675891448" defer></script>
+    <script src="../../js/mermaid.min.js?1675891448" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script src="../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.print.html b/basics/generator/index.print.html
index ba6b5d8fdd..3fd0e96913 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,21 +131,21 @@ window.variants && variants.generator( '#vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1675789784" defer></script>
-    <script src="../../js/mermaid.min.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1675891449" defer></script>
+    <script src="../../js/mermaid.min.js?1675891449" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.html b/basics/history/index.html
index dc7c3e57ba..1c74ede404 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1656,12 +1656,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -1778,12 +1778,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.print.html b/basics/history/index.print.html
index e79b850b93..48bc96845b 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1031,8 +1031,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/basics/index.html b/basics/index.html
index 01e5710b7c..446a5a31b7 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../js/url.js?1675789782"></script>
-    <script src="../js/variant.js?1675789782"></script>
+    <link href="../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../js/url.js?1675891447"></script>
+    <script src="../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,11 +76,17 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Basics</span><meta itemprop="position" content="2"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable chapter narrow" tabindex="-1">
@@ -171,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1675789783" defer></script>
-        <script src="../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../js/search.js?1675789783" defer></script>
+        <script src="../js/auto-complete.js?1675891448" defer></script>
+        <script src="../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -293,12 +299,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1675789783"></script>
+          <script async src="../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../js/theme.js?1675789783" defer></script>
+    <script src="../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/basics/index.print.html b/basics/index.print.html
index 607f210923..c921662e31 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../js/url.js?1675789784"></script>
-    <script src="../js/variant.js?1675789784"></script>
+    <link href="../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../js/url.js?1675891449"></script>
+    <script src="../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -659,10 +659,10 @@
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
 <p>
-<a href="#image-db441bf54c07004792e453db4bff9acf" class="lightbox-link">
+<a href="#image-1ea873d76665fe748e54096954ab3cd5" class="lightbox-link">
 <img src="../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-db441bf54c07004792e453db4bff9acf">
+<a href="javascript:history.back();" class="lightbox" id="image-1ea873d76665fe748e54096954ab3cd5">
 <img src="../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -704,10 +704,10 @@
 </span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-9d1489386e8915fce8955d124253fb20" class="lightbox-link">
+<a href="#image-d6a140c3f22101322adef33bbc6e62e0" class="lightbox-link">
 <img src="../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9d1489386e8915fce8955d124253fb20">
+<a href="javascript:history.back();" class="lightbox" id="image-d6a140c3f22101322adef33bbc6e62e0">
 <img src="../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" loading="lazy">
 </a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
@@ -860,10 +860,10 @@
 </span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
 <p>
 		
-<a href="#image-c5fb69696a0224abada92cf6300c0582" class="lightbox-link">
+<a href="#image-f143d456a758a2a13f974a21bd790b25" class="lightbox-link">
 <img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-c5fb69696a0224abada92cf6300c0582">
+<a href="javascript:history.back();" class="lightbox" id="image-f143d456a758a2a13f974a21bd790b25">
 <img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -912,10 +912,10 @@ default values:</p>
 </span></span></code></pre></div><p>The home button is going to look like this:</p>
 <p>
 		
-<a href="#image-fc9119d07babd6050caa7522bf044309" class="lightbox-link">
+<a href="#image-00cbacc9d60e5a0a4f188827122353e0" class="lightbox-link">
 <img src="../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="shadow" style="height: auto; width: 300px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-fc9119d07babd6050caa7522bf044309">
+<a href="javascript:history.back();" class="lightbox" id="image-00cbacc9d60e5a0a4f188827122353e0">
 <img src="../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -2025,21 +2025,21 @@ window.variants && variants.generator( '#vargenerator' );
           </section>        </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../js/d3/d3-color.min.js?1675789784" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1675789784" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1675789784" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1675789784" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1675789784" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1675789784" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1675789784" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1675789784" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1675789784" defer></script>
-    <script src="../js/mermaid.min.js?1675789784" defer></script>
+    <script src="../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../js/d3/d3-color.min.js?1675891449" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1675891449" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1675891449" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1675891449" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1675891449" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1675891449" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1675891449" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1675891449" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1675891449" defer></script>
+    <script src="../js/mermaid.min.js?1675891449" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../js/theme.js?1675789784" defer></script>
+    <script src="../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/basics/installation/index.html b/basics/installation/index.html
index 9452e550f3..f876904291 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -142,10 +142,10 @@
 </span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-9d1489386e8915fce8955d124253fb20" class="lightbox-link">
+<a href="#image-d6a140c3f22101322adef33bbc6e62e0" class="lightbox-link">
 <img src="../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9d1489386e8915fce8955d124253fb20">
+<a href="javascript:history.back();" class="lightbox" id="image-d6a140c3f22101322adef33bbc6e62e0">
 <img src="../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" loading="lazy">
 </a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
@@ -257,12 +257,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -379,12 +379,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/basics/installation/index.print.html b/basics/installation/index.print.html
index 1005310bbc..c7137c3034 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -107,10 +107,10 @@
 </span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-9d1489386e8915fce8955d124253fb20" class="lightbox-link">
+<a href="#image-d6a140c3f22101322adef33bbc6e62e0" class="lightbox-link">
 <img src="../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9d1489386e8915fce8955d124253fb20">
+<a href="javascript:history.back();" class="lightbox" id="image-d6a140c3f22101322adef33bbc6e62e0">
 <img src="../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" loading="lazy">
 </a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
@@ -150,8 +150,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.html b/basics/migration/index.html
index 33cb2188c4..2f8342955f 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -773,12 +773,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -895,12 +895,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.print.html b/basics/migration/index.print.html
index 44d9b82da6..3decb1840f 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -644,8 +644,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.html b/basics/requirements/index.html
index abaef9d408..78aa9bd96d 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -94,10 +94,10 @@
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
 <p>
-<a href="#image-db441bf54c07004792e453db4bff9acf" class="lightbox-link">
+<a href="#image-1ea873d76665fe748e54096954ab3cd5" class="lightbox-link">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-db441bf54c07004792e453db4bff9acf">
+<a href="javascript:history.back();" class="lightbox" id="image-1ea873d76665fe748e54096954ab3cd5">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -179,12 +179,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,12 +301,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.print.html b/basics/requirements/index.print.html
index 9df7d5c8f1..b4e88f0342 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,10 +79,10 @@
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
 <p>
-<a href="#image-db441bf54c07004792e453db4bff9acf" class="lightbox-link">
+<a href="#image-1ea873d76665fe748e54096954ab3cd5" class="lightbox-link">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-db441bf54c07004792e453db4bff9acf">
+<a href="javascript:history.back();" class="lightbox" id="image-1ea873d76665fe748e54096954ab3cd5">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -92,8 +92,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/categories/index.html b/categories/index.html
index c8ef561bb6..3a2b1e915d 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../js/url.js?1675789782"></script>
-    <script src="../js/variant.js?1675789782"></script>
+    <link href="../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../js/url.js?1675891447"></script>
+    <script src="../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -65,11 +65,17 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Categories</span><meta itemprop="position" content="2"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -158,12 +164,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1675789784" defer></script>
-        <script src="../js/lunr/lunr.min.js?1675789784" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1675789784" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1675789784" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1675789784" defer></script>
-        <script src="../js/search.js?1675789784" defer></script>
+        <script src="../js/auto-complete.js?1675891449" defer></script>
+        <script src="../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -280,12 +286,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1675789784"></script>
+          <script async src="../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../js/theme.js?1675789784" defer></script>
+    <script src="../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.html b/cont/archetypes/index.html
index 9f50ed0b3f..d42329cc17 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -120,10 +120,10 @@
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
 <p>
 		
-<a href="#image-647ddc4eebd055b28c73163cec793411" class="lightbox-link">
+<a href="#image-6de288ff2d1b1d09081c25fb0fd57570" class="lightbox-link">
 <img src="../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-647ddc4eebd055b28c73163cec793411">
+<a href="javascript:history.back();" class="lightbox" id="image-6de288ff2d1b1d09081c25fb0fd57570">
 <img src="../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a home page, run the following command</p>
@@ -139,10 +139,10 @@
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
 <p>
 		
-<a href="#image-da5246fbab1b573b5540edd28b61aaa8" class="lightbox-link">
+<a href="#image-8565b7e1b35fd07c9db08044273aded8" class="lightbox-link">
 <img src="../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-da5246fbab1b573b5540edd28b61aaa8">
+<a href="javascript:history.back();" class="lightbox" id="image-8565b7e1b35fd07c9db08044273aded8">
 <img src="../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a chapter page, run the following command</p>
@@ -160,10 +160,10 @@
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
 <p>
 		
-<a href="#image-3969192adf709c8a7771a4da351c5845" class="lightbox-link">
+<a href="#image-3666ebb738dfb4c45f4f41a1e435e1a9" class="lightbox-link">
 <img src="../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3969192adf709c8a7771a4da351c5845">
+<a href="javascript:history.back();" class="lightbox" id="image-3666ebb738dfb4c45f4f41a1e435e1a9">
 <img src="../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a default page, run either one of the following commands</p>
@@ -292,12 +292,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -414,12 +414,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.print.html b/cont/archetypes/index.print.html
index b77fc4eccb..6df52b29a7 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,10 +83,10 @@
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
 <p>
 		
-<a href="#image-647ddc4eebd055b28c73163cec793411" class="lightbox-link">
+<a href="#image-6de288ff2d1b1d09081c25fb0fd57570" class="lightbox-link">
 <img src="../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-647ddc4eebd055b28c73163cec793411">
+<a href="javascript:history.back();" class="lightbox" id="image-6de288ff2d1b1d09081c25fb0fd57570">
 <img src="../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a home page, run the following command</p>
@@ -102,10 +102,10 @@
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
 <p>
 		
-<a href="#image-da5246fbab1b573b5540edd28b61aaa8" class="lightbox-link">
+<a href="#image-8565b7e1b35fd07c9db08044273aded8" class="lightbox-link">
 <img src="../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-da5246fbab1b573b5540edd28b61aaa8">
+<a href="javascript:history.back();" class="lightbox" id="image-8565b7e1b35fd07c9db08044273aded8">
 <img src="../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a chapter page, run the following command</p>
@@ -123,10 +123,10 @@
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
 <p>
 		
-<a href="#image-3969192adf709c8a7771a4da351c5845" class="lightbox-link">
+<a href="#image-3666ebb738dfb4c45f4f41a1e435e1a9" class="lightbox-link">
 <img src="../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3969192adf709c8a7771a4da351c5845">
+<a href="javascript:history.back();" class="lightbox" id="image-3666ebb738dfb4c45f4f41a1e435e1a9">
 <img src="../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a default page, run either one of the following commands</p>
@@ -183,8 +183,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.html b/cont/i18n/index.html
index a294db0f32..7171dee4c2 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -118,10 +118,10 @@
 </ul>
 <p>
 		
-<a href="#image-e75acea9289a4878ea5a040f80cfe30e" class="lightbox-link">
+<a href="#image-8dce39cea6c56b25e6fbffb88599a392" class="lightbox-link">
 <img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="shadow" style="height: auto; width: 300px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e75acea9289a4878ea5a040f80cfe30e">
+<a href="javascript:history.back();" class="lightbox" id="image-8dce39cea6c56b25e6fbffb88599a392">
 <img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
@@ -291,12 +291,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?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -413,12 +413,12 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.print.html b/cont/i18n/index.print.html
index 4beaf3b23f..6e9c315254 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -86,10 +86,10 @@
 </ul>
 <p>
 		
-<a href="#image-e75acea9289a4878ea5a040f80cfe30e" class="lightbox-link">
+<a href="#image-8dce39cea6c56b25e6fbffb88599a392" class="lightbox-link">
 <img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="shadow" style="height: auto; width: 300px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e75acea9289a4878ea5a040f80cfe30e">
+<a href="javascript:history.back();" class="lightbox" id="image-8dce39cea6c56b25e6fbffb88599a392">
 <img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
@@ -187,8 +187,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/cont/index.html b/cont/index.html
index 776f44838d..57a6404ac8 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../js/url.js?1675789782"></script>
-    <script src="../js/variant.js?1675789782"></script>
+    <link href="../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../js/url.js?1675891447"></script>
+    <script src="../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,11 +76,17 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Content</span><meta itemprop="position" content="2"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable chapter narrow" tabindex="-1">
@@ -171,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1675789783" defer></script>
-        <script src="../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../js/search.js?1675789783" defer></script>
+        <script src="../js/auto-complete.js?1675891448" defer></script>
+        <script src="../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -293,12 +299,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1675789783"></script>
+          <script async src="../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../js/theme.js?1675789783" defer></script>
+    <script src="../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/cont/index.print.html b/cont/index.print.html
index 1ca96160a6..9cd005d7cc 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../js/url.js?1675789784"></script>
-    <script src="../js/variant.js?1675789784"></script>
+    <link href="../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../js/url.js?1675891449"></script>
+    <script src="../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -161,10 +161,10 @@
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span></code></pre></div><p>
 		
-<a href="#image-b976382daaa8cd439e9d8ca3d2a5e1f9" class="lightbox-link">
+<a href="#image-2cef52fde4a92fb9459b99e707c0d73a" class="lightbox-link">
 <img src="../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title with icon" class="shadow" style="height: auto; width: 300px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b976382daaa8cd439e9d8ca3d2a5e1f9">
+<a href="javascript:history.back();" class="lightbox" id="image-2cef52fde4a92fb9459b99e707c0d73a">
 <img src="../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title with icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
@@ -210,10 +210,10 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
 <p>
 		
-<a href="#image-647ddc4eebd055b28c73163cec793411" class="lightbox-link">
+<a href="#image-6de288ff2d1b1d09081c25fb0fd57570" class="lightbox-link">
 <img src="../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-647ddc4eebd055b28c73163cec793411">
+<a href="javascript:history.back();" class="lightbox" id="image-6de288ff2d1b1d09081c25fb0fd57570">
 <img src="../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a home page, run the following command</p>
@@ -229,10 +229,10 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
 <p>
 		
-<a href="#image-da5246fbab1b573b5540edd28b61aaa8" class="lightbox-link">
+<a href="#image-8565b7e1b35fd07c9db08044273aded8" class="lightbox-link">
 <img src="../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-da5246fbab1b573b5540edd28b61aaa8">
+<a href="javascript:history.back();" class="lightbox" id="image-8565b7e1b35fd07c9db08044273aded8">
 <img src="../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a chapter page, run the following command</p>
@@ -250,10 +250,10 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
 <p>
 		
-<a href="#image-3969192adf709c8a7771a4da351c5845" class="lightbox-link">
+<a href="#image-3666ebb738dfb4c45f4f41a1e435e1a9" class="lightbox-link">
 <img src="../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3969192adf709c8a7771a4da351c5845">
+<a href="javascript:history.back();" class="lightbox" id="image-3666ebb738dfb4c45f4f41a1e435e1a9">
 <img src="../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a default page, run either one of the following commands</p>
@@ -827,10 +827,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-7a6ec1a931f52403b01a23675a66922b" class="lightbox-link">
+<a href="#image-e372419c7979232ff8a1554a2d3c7ce1" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7a6ec1a931f52403b01a23675a66922b">
+<a href="javascript:history.back();" class="lightbox" id="image-e372419c7979232ff8a1554a2d3c7ce1">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -844,10 +844,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-12e93b59e9ec77707c55aed279a23e09" class="lightbox-link">
+<a href="#image-792781c816f94f45de47e27d749c27ae" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-12e93b59e9ec77707c55aed279a23e09">
+<a href="javascript:history.back();" class="lightbox" id="image-792781c816f94f45de47e27d749c27ae">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -863,10 +863,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-b316a69886952b61faab4e13c0506545" class="lightbox-link">
+<a href="#image-253d9d9a0ad70cddd07b2bb5979dcaad" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b316a69886952b61faab4e13c0506545">
+<a href="javascript:history.back();" class="lightbox" id="image-253d9d9a0ad70cddd07b2bb5979dcaad">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -882,10 +882,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-5c9b17a8ff59d86c7abd25cc919b9af6" class="lightbox-link">
+<a href="#image-f1afcaf4a1b2eaba16fd1942f2d10ce4" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5c9b17a8ff59d86c7abd25cc919b9af6">
+<a href="javascript:history.back();" class="lightbox" id="image-f1afcaf4a1b2eaba16fd1942f2d10ce4">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -897,10 +897,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-9d7581bea74d81e75791bd91de4b704a" class="lightbox-link">
+<a href="#image-94f91d63739e888291f0a5e87d9acf08" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9d7581bea74d81e75791bd91de4b704a">
+<a href="javascript:history.back();" class="lightbox" id="image-94f91d63739e888291f0a5e87d9acf08">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -913,10 +913,10 @@ line 3 of code
 <p>
 		
 		
-<a href="#image-8725e0651733427ec220a9ac70e3dc9a" class="lightbox-link">
+<a href="#image-98ce13dc3bbd6ca67f81b2562877c644" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8725e0651733427ec220a9ac70e3dc9a">
+<a href="javascript:history.back();" class="lightbox" id="image-98ce13dc3bbd6ca67f81b2562877c644">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -931,10 +931,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-295574c40f88f8e02ae2385093da4d4c" class="lightbox-link">
+<a href="#image-51293f8a446123471967fadcd4488d7e" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-295574c40f88f8e02ae2385093da4d4c">
+<a href="javascript:history.back();" class="lightbox" id="image-51293f8a446123471967fadcd4488d7e">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -947,10 +947,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-dfcdbd50c472639382c3cf9ae9b2644b" class="lightbox-link">
+<a href="#image-37f4c28765e15164b3d975927a5389e6" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-dfcdbd50c472639382c3cf9ae9b2644b">
+<a href="javascript:history.back();" class="lightbox" id="image-37f4c28765e15164b3d975927a5389e6">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -963,10 +963,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-bb3342c5f1cd228b33e32721c78e512e" class="lightbox-link">
+<a href="#image-b39ed9f81d0fa6f4cc8ed87e4a1ff033" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-bb3342c5f1cd228b33e32721c78e512e">
+<a href="javascript:history.back();" class="lightbox" id="image-b39ed9f81d0fa6f4cc8ed87e4a1ff033">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -979,10 +979,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-ed076dd013bd1537c9e5750aa1bddfd8" class="lightbox-link">
+<a href="#image-8ffae089476dc1e8335793e043464c90" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ed076dd013bd1537c9e5750aa1bddfd8">
+<a href="javascript:history.back();" class="lightbox" id="image-8ffae089476dc1e8335793e043464c90">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -998,34 +998,34 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-85541e3519bf7757b46b98a9f4ee172b" class="lightbox-link">
+<a href="#image-19489beb36ecee7a74455babb9635ff7" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-85541e3519bf7757b46b98a9f4ee172b">
+<a href="javascript:history.back();" class="lightbox" id="image-19489beb36ecee7a74455babb9635ff7">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-e5309125a8ad9420335f565a7c5235b9" class="lightbox-link">
+<a href="#image-06d34ab3903e450d1b62ce97d70fc77f" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e5309125a8ad9420335f565a7c5235b9">
+<a href="javascript:history.back();" class="lightbox" id="image-06d34ab3903e450d1b62ce97d70fc77f">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-6aec43063dfb47f20c2a6800ab32a166" class="lightbox-link">
+<a href="#image-a667ddc09d179db3691c9d28bc56b9e0" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6aec43063dfb47f20c2a6800ab32a166">
+<a href="javascript:history.back();" class="lightbox" id="image-a667ddc09d179db3691c9d28bc56b9e0">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-37bdc3ca9061540d88eeee189fc47072" class="lightbox-link">
+<a href="#image-5dd17e4f9b6bb5c637c8ebbe0cd81fa4" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-37bdc3ca9061540d88eeee189fc47072">
+<a href="javascript:history.back();" class="lightbox" id="image-5dd17e4f9b6bb5c637c8ebbe0cd81fa4">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -1038,10 +1038,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-24d64ec94c7de48a8fe56d7427c09da1" class="lightbox-link">
+<a href="#image-7ac1a593a7213bb21c56e24625d50b3b" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-24d64ec94c7de48a8fe56d7427c09da1">
+<a href="javascript:history.back();" class="lightbox" id="image-7ac1a593a7213bb21c56e24625d50b3b">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -1245,10 +1245,10 @@ However, if you want to keep the title but change its value, it can be overridde
 </ul>
 <p>
 		
-<a href="#image-e75acea9289a4878ea5a040f80cfe30e" class="lightbox-link">
+<a href="#image-8dce39cea6c56b25e6fbffb88599a392" class="lightbox-link">
 <img src="../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="shadow" style="height: auto; width: 300px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e75acea9289a4878ea5a040f80cfe30e">
+<a href="javascript:history.back();" class="lightbox" id="image-8dce39cea6c56b25e6fbffb88599a392">
 <img src="../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
@@ -1372,8 +1372,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
           </section>        </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../js/theme.js?1675789784" defer></script>
+    <script src="../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.html b/cont/markdown/index.html
index ab8b2bc464..607af8ac8f 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -665,10 +665,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-7a6ec1a931f52403b01a23675a66922b" class="lightbox-link">
+<a href="#image-e372419c7979232ff8a1554a2d3c7ce1" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7a6ec1a931f52403b01a23675a66922b">
+<a href="javascript:history.back();" class="lightbox" id="image-e372419c7979232ff8a1554a2d3c7ce1">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -682,10 +682,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-12e93b59e9ec77707c55aed279a23e09" class="lightbox-link">
+<a href="#image-792781c816f94f45de47e27d749c27ae" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-12e93b59e9ec77707c55aed279a23e09">
+<a href="javascript:history.back();" class="lightbox" id="image-792781c816f94f45de47e27d749c27ae">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -701,10 +701,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-b316a69886952b61faab4e13c0506545" class="lightbox-link">
+<a href="#image-253d9d9a0ad70cddd07b2bb5979dcaad" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b316a69886952b61faab4e13c0506545">
+<a href="javascript:history.back();" class="lightbox" id="image-253d9d9a0ad70cddd07b2bb5979dcaad">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -720,10 +720,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-5c9b17a8ff59d86c7abd25cc919b9af6" class="lightbox-link">
+<a href="#image-f1afcaf4a1b2eaba16fd1942f2d10ce4" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5c9b17a8ff59d86c7abd25cc919b9af6">
+<a href="javascript:history.back();" class="lightbox" id="image-f1afcaf4a1b2eaba16fd1942f2d10ce4">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -735,10 +735,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-9d7581bea74d81e75791bd91de4b704a" class="lightbox-link">
+<a href="#image-94f91d63739e888291f0a5e87d9acf08" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9d7581bea74d81e75791bd91de4b704a">
+<a href="javascript:history.back();" class="lightbox" id="image-94f91d63739e888291f0a5e87d9acf08">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -751,10 +751,10 @@ line 3 of code
 <p>
 		
 		
-<a href="#image-8725e0651733427ec220a9ac70e3dc9a" class="lightbox-link">
+<a href="#image-98ce13dc3bbd6ca67f81b2562877c644" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8725e0651733427ec220a9ac70e3dc9a">
+<a href="javascript:history.back();" class="lightbox" id="image-98ce13dc3bbd6ca67f81b2562877c644">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -769,10 +769,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-295574c40f88f8e02ae2385093da4d4c" class="lightbox-link">
+<a href="#image-51293f8a446123471967fadcd4488d7e" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-295574c40f88f8e02ae2385093da4d4c">
+<a href="javascript:history.back();" class="lightbox" id="image-51293f8a446123471967fadcd4488d7e">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -785,10 +785,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-dfcdbd50c472639382c3cf9ae9b2644b" class="lightbox-link">
+<a href="#image-37f4c28765e15164b3d975927a5389e6" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-dfcdbd50c472639382c3cf9ae9b2644b">
+<a href="javascript:history.back();" class="lightbox" id="image-37f4c28765e15164b3d975927a5389e6">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -801,10 +801,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-bb3342c5f1cd228b33e32721c78e512e" class="lightbox-link">
+<a href="#image-b39ed9f81d0fa6f4cc8ed87e4a1ff033" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-bb3342c5f1cd228b33e32721c78e512e">
+<a href="javascript:history.back();" class="lightbox" id="image-b39ed9f81d0fa6f4cc8ed87e4a1ff033">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -817,10 +817,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-ed076dd013bd1537c9e5750aa1bddfd8" class="lightbox-link">
+<a href="#image-8ffae089476dc1e8335793e043464c90" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ed076dd013bd1537c9e5750aa1bddfd8">
+<a href="javascript:history.back();" class="lightbox" id="image-8ffae089476dc1e8335793e043464c90">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -836,34 +836,34 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-85541e3519bf7757b46b98a9f4ee172b" class="lightbox-link">
+<a href="#image-19489beb36ecee7a74455babb9635ff7" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-85541e3519bf7757b46b98a9f4ee172b">
+<a href="javascript:history.back();" class="lightbox" id="image-19489beb36ecee7a74455babb9635ff7">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-e5309125a8ad9420335f565a7c5235b9" class="lightbox-link">
+<a href="#image-06d34ab3903e450d1b62ce97d70fc77f" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e5309125a8ad9420335f565a7c5235b9">
+<a href="javascript:history.back();" class="lightbox" id="image-06d34ab3903e450d1b62ce97d70fc77f">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-6aec43063dfb47f20c2a6800ab32a166" class="lightbox-link">
+<a href="#image-a667ddc09d179db3691c9d28bc56b9e0" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6aec43063dfb47f20c2a6800ab32a166">
+<a href="javascript:history.back();" class="lightbox" id="image-a667ddc09d179db3691c9d28bc56b9e0">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-37bdc3ca9061540d88eeee189fc47072" class="lightbox-link">
+<a href="#image-5dd17e4f9b6bb5c637c8ebbe0cd81fa4" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-37bdc3ca9061540d88eeee189fc47072">
+<a href="javascript:history.back();" class="lightbox" id="image-5dd17e4f9b6bb5c637c8ebbe0cd81fa4">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -876,10 +876,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-24d64ec94c7de48a8fe56d7427c09da1" class="lightbox-link">
+<a href="#image-7ac1a593a7213bb21c56e24625d50b3b" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-24d64ec94c7de48a8fe56d7427c09da1">
+<a href="javascript:history.back();" class="lightbox" id="image-7ac1a593a7213bb21c56e24625d50b3b">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -975,12 +975,12 @@ line 3 of code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789782" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789782" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789782" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789782" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789782" defer></script>
-        <script src="../../js/search.js?1675789782" defer></script>
+        <script src="../../js/auto-complete.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891447" defer></script>
+        <script src="../../js/search.js?1675891447" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -1097,12 +1097,12 @@ line 3 of code
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789782"></script>
+          <script async src="../../js/buttons.js?1675891447"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789782" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789782" defer></script>
-    <script src="../../js/theme.js?1675789782" defer></script>
+    <script src="../../js/clipboard.min.js?1675891447" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891447" defer></script>
+    <script src="../../js/theme.js?1675891447" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.print.html b/cont/markdown/index.print.html
index 315cddc95f..5ac91c8706 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -592,10 +592,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-7a6ec1a931f52403b01a23675a66922b" class="lightbox-link">
+<a href="#image-e372419c7979232ff8a1554a2d3c7ce1" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7a6ec1a931f52403b01a23675a66922b">
+<a href="javascript:history.back();" class="lightbox" id="image-e372419c7979232ff8a1554a2d3c7ce1">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -609,10 +609,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-12e93b59e9ec77707c55aed279a23e09" class="lightbox-link">
+<a href="#image-792781c816f94f45de47e27d749c27ae" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-12e93b59e9ec77707c55aed279a23e09">
+<a href="javascript:history.back();" class="lightbox" id="image-792781c816f94f45de47e27d749c27ae">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -628,10 +628,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-b316a69886952b61faab4e13c0506545" class="lightbox-link">
+<a href="#image-253d9d9a0ad70cddd07b2bb5979dcaad" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b316a69886952b61faab4e13c0506545">
+<a href="javascript:history.back();" class="lightbox" id="image-253d9d9a0ad70cddd07b2bb5979dcaad">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -647,10 +647,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-5c9b17a8ff59d86c7abd25cc919b9af6" class="lightbox-link">
+<a href="#image-f1afcaf4a1b2eaba16fd1942f2d10ce4" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5c9b17a8ff59d86c7abd25cc919b9af6">
+<a href="javascript:history.back();" class="lightbox" id="image-f1afcaf4a1b2eaba16fd1942f2d10ce4">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -662,10 +662,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-9d7581bea74d81e75791bd91de4b704a" class="lightbox-link">
+<a href="#image-94f91d63739e888291f0a5e87d9acf08" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9d7581bea74d81e75791bd91de4b704a">
+<a href="javascript:history.back();" class="lightbox" id="image-94f91d63739e888291f0a5e87d9acf08">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -678,10 +678,10 @@ line 3 of code
 <p>
 		
 		
-<a href="#image-8725e0651733427ec220a9ac70e3dc9a" class="lightbox-link">
+<a href="#image-98ce13dc3bbd6ca67f81b2562877c644" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8725e0651733427ec220a9ac70e3dc9a">
+<a href="javascript:history.back();" class="lightbox" id="image-98ce13dc3bbd6ca67f81b2562877c644">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -696,10 +696,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-295574c40f88f8e02ae2385093da4d4c" class="lightbox-link">
+<a href="#image-51293f8a446123471967fadcd4488d7e" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-295574c40f88f8e02ae2385093da4d4c">
+<a href="javascript:history.back();" class="lightbox" id="image-51293f8a446123471967fadcd4488d7e">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -712,10 +712,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-dfcdbd50c472639382c3cf9ae9b2644b" class="lightbox-link">
+<a href="#image-37f4c28765e15164b3d975927a5389e6" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-dfcdbd50c472639382c3cf9ae9b2644b">
+<a href="javascript:history.back();" class="lightbox" id="image-37f4c28765e15164b3d975927a5389e6">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -728,10 +728,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-bb3342c5f1cd228b33e32721c78e512e" class="lightbox-link">
+<a href="#image-b39ed9f81d0fa6f4cc8ed87e4a1ff033" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-bb3342c5f1cd228b33e32721c78e512e">
+<a href="javascript:history.back();" class="lightbox" id="image-b39ed9f81d0fa6f4cc8ed87e4a1ff033">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -744,10 +744,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-ed076dd013bd1537c9e5750aa1bddfd8" class="lightbox-link">
+<a href="#image-8ffae089476dc1e8335793e043464c90" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ed076dd013bd1537c9e5750aa1bddfd8">
+<a href="javascript:history.back();" class="lightbox" id="image-8ffae089476dc1e8335793e043464c90">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -763,34 +763,34 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-85541e3519bf7757b46b98a9f4ee172b" class="lightbox-link">
+<a href="#image-19489beb36ecee7a74455babb9635ff7" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-85541e3519bf7757b46b98a9f4ee172b">
+<a href="javascript:history.back();" class="lightbox" id="image-19489beb36ecee7a74455babb9635ff7">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-e5309125a8ad9420335f565a7c5235b9" class="lightbox-link">
+<a href="#image-06d34ab3903e450d1b62ce97d70fc77f" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e5309125a8ad9420335f565a7c5235b9">
+<a href="javascript:history.back();" class="lightbox" id="image-06d34ab3903e450d1b62ce97d70fc77f">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-6aec43063dfb47f20c2a6800ab32a166" class="lightbox-link">
+<a href="#image-a667ddc09d179db3691c9d28bc56b9e0" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6aec43063dfb47f20c2a6800ab32a166">
+<a href="javascript:history.back();" class="lightbox" id="image-a667ddc09d179db3691c9d28bc56b9e0">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-37bdc3ca9061540d88eeee189fc47072" class="lightbox-link">
+<a href="#image-5dd17e4f9b6bb5c637c8ebbe0cd81fa4" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-37bdc3ca9061540d88eeee189fc47072">
+<a href="javascript:history.back();" class="lightbox" id="image-5dd17e4f9b6bb5c637c8ebbe0cd81fa4">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -803,10 +803,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-24d64ec94c7de48a8fe56d7427c09da1" class="lightbox-link">
+<a href="#image-7ac1a593a7213bb21c56e24625d50b3b" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-24d64ec94c7de48a8fe56d7427c09da1">
+<a href="javascript:history.back();" class="lightbox" id="image-7ac1a593a7213bb21c56e24625d50b3b">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -830,8 +830,8 @@ line 3 of code
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.html b/cont/menushortcuts/index.html
index eefe4bd10b..7b1a302e5f 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -289,12 +289,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?1675789782" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789782" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789782" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789782" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789782" defer></script>
-        <script src="../../js/search.js?1675789782" defer></script>
+        <script src="../../js/auto-complete.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891447" defer></script>
+        <script src="../../js/search.js?1675891447" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -411,12 +411,12 @@ However, if you want to keep the title but change its value, it can be overridde
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789782"></script>
+          <script async src="../../js/buttons.js?1675891447"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789782" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789782" defer></script>
-    <script src="../../js/theme.js?1675789782" defer></script>
+    <script src="../../js/clipboard.min.js?1675891447" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891447" defer></script>
+    <script src="../../js/theme.js?1675891447" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.print.html b/cont/menushortcuts/index.print.html
index aa7530f613..1cfc69da38 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -191,8 +191,8 @@ 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?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.html b/cont/pages/index.html
index 1774669b42..df834cf7be 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -184,10 +184,10 @@
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span></code></pre></div><p>
 		
-<a href="#image-b976382daaa8cd439e9d8ca3d2a5e1f9" class="lightbox-link">
+<a href="#image-2cef52fde4a92fb9459b99e707c0d73a" class="lightbox-link">
 <img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title with icon" class="shadow" style="height: auto; width: 300px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b976382daaa8cd439e9d8ca3d2a5e1f9">
+<a href="javascript:history.back();" class="lightbox" id="image-2cef52fde4a92fb9459b99e707c0d73a">
 <img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title with icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
@@ -297,12 +297,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?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -419,12 +419,12 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.print.html b/cont/pages/index.print.html
index 066cb81c5c..642e495586 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -150,10 +150,10 @@
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span></code></pre></div><p>
 		
-<a href="#image-b976382daaa8cd439e9d8ca3d2a5e1f9" class="lightbox-link">
+<a href="#image-2cef52fde4a92fb9459b99e707c0d73a" class="lightbox-link">
 <img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title with icon" class="shadow" style="height: auto; width: 300px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b976382daaa8cd439e9d8ca3d2a5e1f9">
+<a href="javascript:history.back();" class="lightbox" id="image-2cef52fde4a92fb9459b99e707c0d73a">
 <img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title with icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
@@ -191,8 +191,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/cont/syntaxhighlight/index.html b/cont/syntaxhighlight/index.html
index 949ff78f38..51417cdd75 100644
--- a/cont/syntaxhighlight/index.html
+++ b/cont/syntaxhighlight/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/syntaxhighlight/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/syntaxhighlight/index.xml" rel="alternate" type="application/rss+xml" title="Code highlighting :: Hugo Relearn Theme">
     <link href="../../cont/syntaxhighlight/index.print.html" rel="alternate" type="text/html" title="Code highlighting :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1675789782" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789782" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789782" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789782" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789782" defer></script>
-        <script src="../../js/search.js?1675789782" defer></script>
+        <script src="../../js/auto-complete.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891447" defer></script>
+        <script src="../../js/search.js?1675891447" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -349,12 +349,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789782"></script>
+          <script async src="../../js/buttons.js?1675891447"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789782" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789782" defer></script>
-    <script src="../../js/theme.js?1675789782" defer></script>
+    <script src="../../js/clipboard.min.js?1675891447" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891447" defer></script>
+    <script src="../../js/theme.js?1675891447" defer></script>
   </body>
 </html>
diff --git a/cont/syntaxhighlight/index.print.html b/cont/syntaxhighlight/index.print.html
index 833eaea7f5..9712052be4 100644
--- a/cont/syntaxhighlight/index.print.html
+++ b/cont/syntaxhighlight/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/syntaxhighlight/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/syntaxhighlight/index.html" rel="canonical" type="text/html" title="Code highlighting :: Hugo Relearn Theme">
     <link href="../../cont/syntaxhighlight/index.xml" rel="alternate" type="application/rss+xml" title="Code highlighting :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/cont/tags/index.html b/cont/tags/index.html
index 9ad3d801bd..a809b84718 100644
--- a/cont/tags/index.html
+++ b/cont/tags/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/tags/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/tags/index.xml" rel="alternate" type="application/rss+xml" title="Tags :: Hugo Relearn Theme">
     <link href="../../cont/tags/index.print.html" rel="alternate" type="text/html" title="Tags :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891447" defer></script>
+        <script src="../../js/search.js?1675891447" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -325,12 +325,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891447"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891447" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891447" defer></script>
+    <script src="../../js/theme.js?1675891447" defer></script>
   </body>
 </html>
diff --git a/cont/tags/index.print.html b/cont/tags/index.print.html
index eeb9133cf5..5b5a6ea6fe 100644
--- a/cont/tags/index.print.html
+++ b/cont/tags/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/tags/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/tags/index.html" rel="canonical" type="text/html" title="Tags :: Hugo Relearn Theme">
     <link href="../../cont/tags/index.xml" rel="alternate" type="application/rss+xml" title="Tags :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -104,8 +104,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/css/ie.css b/css/ie.css
index b8df6663df..a8d4b40ea7 100644
--- a/css/ie.css
+++ b/css/ie.css
@@ -44,7 +44,7 @@
 	#body .tab-nav-button {
 		margin-left: 4px;
 	}
-	#body .tab-nav-button.direction-rtl {
+	html[dir="rtl"] #body .tab-nav-button {
 		float: left;
 	}
 	#body .tab-nav-button:first-child {
diff --git a/css/tabs.css b/css/tabs.css
index d58bf479b9..5bb0ca0592 100644
--- a/css/tabs.css
+++ b/css/tabs.css
@@ -20,7 +20,7 @@
     padding: 6px 12px;
     position: relative;
 }
-#body .tab-nav-button.direction-rtl{
+html[dir="rtl"] #body .tab-nav-button{
     float: right;
 }
 
diff --git a/css/theme.css b/css/theme.css
index 7ec93d78a7..6a3659fb4d 100644
--- a/css/theme.css
+++ b/css/theme.css
@@ -1118,8 +1118,8 @@ option {
 }
 
 /* turn off unsuitable expander for this reading direction */
-.expand > .expand-label > .expand-rtl.direction-ltr,
-.expand > .expand-label > .expand-ltr.direction-rtl {
+html[dir="ltr"] .expand > .expand-label > .expand-rtl,
+html[dir="rtl"] .expand > .expand-label > .expand-ltr {
     display: none;
 }
 
diff --git a/dev/contributing/index.html b/dev/contributing/index.html
index cb07978d95..c9f68bb91f 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -297,12 +297,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -423,12 +423,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/dev/contributing/index.print.html b/dev/contributing/index.print.html
index a4ac384842..2d59cb5797 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/dev/index.html b/dev/index.html
index 54e08ce792..dba0319540 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../js/url.js?1675789782"></script>
-    <script src="../js/variant.js?1675789782"></script>
+    <link href="../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../js/url.js?1675891447"></script>
+    <script src="../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,11 +75,17 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Development</span><meta itemprop="position" content="2"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable chapter narrow" tabindex="-1">
@@ -177,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1675789783" defer></script>
-        <script src="../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../js/search.js?1675789783" defer></script>
+        <script src="../js/auto-complete.js?1675891448" defer></script>
+        <script src="../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -303,12 +309,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1675789783"></script>
+          <script async src="../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../js/theme.js?1675789783" defer></script>
+    <script src="../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/dev/index.print.html b/dev/index.print.html
index 9bc6b24d50..89af2c1cb4 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../js/url.js?1675789784"></script>
-    <script src="../js/variant.js?1675789784"></script>
+    <link href="../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../js/url.js?1675891449"></script>
+    <script src="../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -445,10 +445,10 @@
 <p>
 		
 		
-<a href="#image-3b61763b08022aa59f72187b18b4d4b6" class="lightbox-link">
+<a href="#image-8b0653aead30487b8467cf7154abfee9" class="lightbox-link">
 <img src="../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3b61763b08022aa59f72187b18b4d4b6">
+<a href="javascript:history.back();" class="lightbox" id="image-8b0653aead30487b8467cf7154abfee9">
 <img src="../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="hero-image">Hero Image</h2>
@@ -482,20 +482,20 @@
 <p>
 		
 		
-<a href="#image-f656a987665a1158ac879b077160aac4" class="lightbox-link">
+<a href="#image-2ed06c34b423cd4bb10b951c1d2b7af5" class="lightbox-link">
 <img src="../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f656a987665a1158ac879b077160aac4">
+<a href="javascript:history.back();" class="lightbox" id="image-2ed06c34b423cd4bb10b951c1d2b7af5">
 <img src="../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
 <p>
 		
 		
-<a href="#image-d171cd9c6eb96299b7e0ede94ca9d559" class="lightbox-link">
+<a href="#image-058c05fded29793c2805f6075cad21f0" class="lightbox-link">
 <img src="../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d171cd9c6eb96299b7e0ede94ca9d559">
+<a href="javascript:history.back();" class="lightbox" id="image-058c05fded29793c2805f6075cad21f0">
 <img src="../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -506,8 +506,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../js/theme.js?1675789784" defer></script>
+    <script src="../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/dev/maintaining/index.html b/dev/maintaining/index.html
index 96fdc8b499..251f2f6471 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -376,12 +376,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -502,12 +502,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/dev/maintaining/index.print.html b/dev/maintaining/index.print.html
index 9db4699513..dbd5e3aa94 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -267,8 +267,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/dev/screenshots/index.html b/dev/screenshots/index.html
index 74b483a527..d328f668a9 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -145,10 +145,10 @@
 <p>
 		
 		
-<a href="#image-3b61763b08022aa59f72187b18b4d4b6" class="lightbox-link">
+<a href="#image-8b0653aead30487b8467cf7154abfee9" class="lightbox-link">
 <img src="../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3b61763b08022aa59f72187b18b4d4b6">
+<a href="javascript:history.back();" class="lightbox" id="image-8b0653aead30487b8467cf7154abfee9">
 <img src="../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="hero-image">Hero Image</h2>
@@ -182,20 +182,20 @@
 <p>
 		
 		
-<a href="#image-f656a987665a1158ac879b077160aac4" class="lightbox-link">
+<a href="#image-2ed06c34b423cd4bb10b951c1d2b7af5" class="lightbox-link">
 <img src="../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f656a987665a1158ac879b077160aac4">
+<a href="javascript:history.back();" class="lightbox" id="image-2ed06c34b423cd4bb10b951c1d2b7af5">
 <img src="../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
 <p>
 		
 		
-<a href="#image-d171cd9c6eb96299b7e0ede94ca9d559" class="lightbox-link">
+<a href="#image-058c05fded29793c2805f6075cad21f0" class="lightbox-link">
 <img src="../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d171cd9c6eb96299b7e0ede94ca9d559">
+<a href="javascript:history.back();" class="lightbox" id="image-058c05fded29793c2805f6075cad21f0">
 <img src="../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -277,12 +277,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -403,12 +403,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/dev/screenshots/index.print.html b/dev/screenshots/index.print.html
index 485f352d83..7674973037 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -109,10 +109,10 @@
 <p>
 		
 		
-<a href="#image-3b61763b08022aa59f72187b18b4d4b6" class="lightbox-link">
+<a href="#image-8b0653aead30487b8467cf7154abfee9" class="lightbox-link">
 <img src="../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3b61763b08022aa59f72187b18b4d4b6">
+<a href="javascript:history.back();" class="lightbox" id="image-8b0653aead30487b8467cf7154abfee9">
 <img src="../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="hero-image">Hero Image</h2>
@@ -146,20 +146,20 @@
 <p>
 		
 		
-<a href="#image-f656a987665a1158ac879b077160aac4" class="lightbox-link">
+<a href="#image-2ed06c34b423cd4bb10b951c1d2b7af5" class="lightbox-link">
 <img src="../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f656a987665a1158ac879b077160aac4">
+<a href="javascript:history.back();" class="lightbox" id="image-2ed06c34b423cd4bb10b951c1d2b7af5">
 <img src="../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
 <p>
 		
 		
-<a href="#image-d171cd9c6eb96299b7e0ede94ca9d559" class="lightbox-link">
+<a href="#image-058c05fded29793c2805f6075cad21f0" class="lightbox-link">
 <img src="../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d171cd9c6eb96299b7e0ede94ca9d559">
+<a href="javascript:history.back();" class="lightbox" id="image-058c05fded29793c2805f6075cad21f0">
 <img src="../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -169,8 +169,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/index.html b/index.html
index e9486fb33d..1e274df2ae 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="./css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="./css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="./css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1675789782" rel="stylesheet">
-    <link href="./css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="./css/ie.css?1675789782" rel="stylesheet">
-    <link href="./css/variant.css?1675789782" rel="stylesheet">
-    <link href="./css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="./js/url.js?1675789782"></script>
-    <script src="./js/variant.js?1675789782"></script>
+    <link href="./css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="./css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="./css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="./css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1675891447" rel="stylesheet">
+    <link href="./css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="./css/ie.css?1675891447" rel="stylesheet">
+    <link href="./css/variant.css?1675891447" rel="stylesheet">
+    <link href="./css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="./js/url.js?1675891447"></script>
+    <script src="./js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -246,12 +246,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="./js/auto-complete.js?1675789783" defer></script>
-        <script src="./js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="./js/search.js?1675789783" defer></script>
+        <script src="./js/auto-complete.js?1675891448" defer></script>
+        <script src="./js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="./js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -368,12 +368,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="./js/buttons.js?1675789783"></script>
+          <script async src="./js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1675789783" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="./js/theme.js?1675789783" defer></script>
+    <script src="./js/clipboard.min.js?1675891448" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="./js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/index.print.html b/index.print.html
index 4d9ccdd9df..ad6d95f3ff 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="./css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="./css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="./css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1675789784" rel="stylesheet">
-    <link href="./css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="./css/ie.css?1675789784" rel="stylesheet">
-    <link href="./css/variant.css?1675789784" rel="stylesheet">
-    <link href="./css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="./css/format-print.css?1675789784" rel="stylesheet">
-    <script src="./js/url.js?1675789784"></script>
-    <script src="./js/variant.js?1675789784"></script>
+    <link href="./css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="./css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="./css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="./css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1675891449" rel="stylesheet">
+    <link href="./css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="./css/ie.css?1675891449" rel="stylesheet">
+    <link href="./css/variant.css?1675891449" rel="stylesheet">
+    <link href="./css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="./css/format-print.css?1675891449" rel="stylesheet">
+    <script src="./js/url.js?1675891449"></script>
+    <script src="./js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -732,10 +732,10 @@
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
 <p>
-<a href="#image-db441bf54c07004792e453db4bff9acf" class="lightbox-link">
+<a href="#image-1ea873d76665fe748e54096954ab3cd5" class="lightbox-link">
 <img src="./basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-db441bf54c07004792e453db4bff9acf">
+<a href="javascript:history.back();" class="lightbox" id="image-1ea873d76665fe748e54096954ab3cd5">
 <img src="./basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -777,10 +777,10 @@
 </span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-9d1489386e8915fce8955d124253fb20" class="lightbox-link">
+<a href="#image-d6a140c3f22101322adef33bbc6e62e0" class="lightbox-link">
 <img src="./basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9d1489386e8915fce8955d124253fb20">
+<a href="javascript:history.back();" class="lightbox" id="image-d6a140c3f22101322adef33bbc6e62e0">
 <img src="./basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" loading="lazy">
 </a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
@@ -933,10 +933,10 @@
 </span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
 <p>
 		
-<a href="#image-c5fb69696a0224abada92cf6300c0582" class="lightbox-link">
+<a href="#image-f143d456a758a2a13f974a21bd790b25" class="lightbox-link">
 <img src="./basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-c5fb69696a0224abada92cf6300c0582">
+<a href="javascript:history.back();" class="lightbox" id="image-f143d456a758a2a13f974a21bd790b25">
 <img src="./basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -985,10 +985,10 @@ default values:</p>
 </span></span></code></pre></div><p>The home button is going to look like this:</p>
 <p>
 		
-<a href="#image-fc9119d07babd6050caa7522bf044309" class="lightbox-link">
+<a href="#image-00cbacc9d60e5a0a4f188827122353e0" class="lightbox-link">
 <img src="./basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="shadow" style="height: auto; width: 300px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-fc9119d07babd6050caa7522bf044309">
+<a href="javascript:history.back();" class="lightbox" id="image-00cbacc9d60e5a0a4f188827122353e0">
 <img src="./basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -2185,10 +2185,10 @@ window.variants && variants.generator( '#vargenerator' );
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span></code></pre></div><p>
 		
-<a href="#image-b976382daaa8cd439e9d8ca3d2a5e1f9" class="lightbox-link">
+<a href="#image-2cef52fde4a92fb9459b99e707c0d73a" class="lightbox-link">
 <img src="./cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title with icon" class="shadow" style="height: auto; width: 300px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b976382daaa8cd439e9d8ca3d2a5e1f9">
+<a href="javascript:history.back();" class="lightbox" id="image-2cef52fde4a92fb9459b99e707c0d73a">
 <img src="./cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title with icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
@@ -2234,10 +2234,10 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
 <p>
 		
-<a href="#image-647ddc4eebd055b28c73163cec793411" class="lightbox-link">
+<a href="#image-6de288ff2d1b1d09081c25fb0fd57570" class="lightbox-link">
 <img src="./cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-647ddc4eebd055b28c73163cec793411">
+<a href="javascript:history.back();" class="lightbox" id="image-6de288ff2d1b1d09081c25fb0fd57570">
 <img src="./cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a home page, run the following command</p>
@@ -2253,10 +2253,10 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
 <p>
 		
-<a href="#image-da5246fbab1b573b5540edd28b61aaa8" class="lightbox-link">
+<a href="#image-8565b7e1b35fd07c9db08044273aded8" class="lightbox-link">
 <img src="./cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-da5246fbab1b573b5540edd28b61aaa8">
+<a href="javascript:history.back();" class="lightbox" id="image-8565b7e1b35fd07c9db08044273aded8">
 <img src="./cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a chapter page, run the following command</p>
@@ -2274,10 +2274,10 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
 <p>
 		
-<a href="#image-3969192adf709c8a7771a4da351c5845" class="lightbox-link">
+<a href="#image-3666ebb738dfb4c45f4f41a1e435e1a9" class="lightbox-link">
 <img src="./cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3969192adf709c8a7771a4da351c5845">
+<a href="javascript:history.back();" class="lightbox" id="image-3666ebb738dfb4c45f4f41a1e435e1a9">
 <img src="./cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a default page, run either one of the following commands</p>
@@ -2851,10 +2851,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-7a6ec1a931f52403b01a23675a66922b" class="lightbox-link">
+<a href="#image-e372419c7979232ff8a1554a2d3c7ce1" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7a6ec1a931f52403b01a23675a66922b">
+<a href="javascript:history.back();" class="lightbox" id="image-e372419c7979232ff8a1554a2d3c7ce1">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -2868,10 +2868,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-12e93b59e9ec77707c55aed279a23e09" class="lightbox-link">
+<a href="#image-792781c816f94f45de47e27d749c27ae" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-12e93b59e9ec77707c55aed279a23e09">
+<a href="javascript:history.back();" class="lightbox" id="image-792781c816f94f45de47e27d749c27ae">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -2887,10 +2887,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-b316a69886952b61faab4e13c0506545" class="lightbox-link">
+<a href="#image-253d9d9a0ad70cddd07b2bb5979dcaad" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b316a69886952b61faab4e13c0506545">
+<a href="javascript:history.back();" class="lightbox" id="image-253d9d9a0ad70cddd07b2bb5979dcaad">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -2906,10 +2906,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-5c9b17a8ff59d86c7abd25cc919b9af6" class="lightbox-link">
+<a href="#image-f1afcaf4a1b2eaba16fd1942f2d10ce4" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5c9b17a8ff59d86c7abd25cc919b9af6">
+<a href="javascript:history.back();" class="lightbox" id="image-f1afcaf4a1b2eaba16fd1942f2d10ce4">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -2921,10 +2921,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-9d7581bea74d81e75791bd91de4b704a" class="lightbox-link">
+<a href="#image-94f91d63739e888291f0a5e87d9acf08" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9d7581bea74d81e75791bd91de4b704a">
+<a href="javascript:history.back();" class="lightbox" id="image-94f91d63739e888291f0a5e87d9acf08">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -2937,10 +2937,10 @@ line 3 of code
 <p>
 		
 		
-<a href="#image-8725e0651733427ec220a9ac70e3dc9a" class="lightbox-link">
+<a href="#image-98ce13dc3bbd6ca67f81b2562877c644" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8725e0651733427ec220a9ac70e3dc9a">
+<a href="javascript:history.back();" class="lightbox" id="image-98ce13dc3bbd6ca67f81b2562877c644">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -2955,10 +2955,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-295574c40f88f8e02ae2385093da4d4c" class="lightbox-link">
+<a href="#image-51293f8a446123471967fadcd4488d7e" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-295574c40f88f8e02ae2385093da4d4c">
+<a href="javascript:history.back();" class="lightbox" id="image-51293f8a446123471967fadcd4488d7e">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -2971,10 +2971,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-dfcdbd50c472639382c3cf9ae9b2644b" class="lightbox-link">
+<a href="#image-37f4c28765e15164b3d975927a5389e6" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-dfcdbd50c472639382c3cf9ae9b2644b">
+<a href="javascript:history.back();" class="lightbox" id="image-37f4c28765e15164b3d975927a5389e6">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -2987,10 +2987,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-bb3342c5f1cd228b33e32721c78e512e" class="lightbox-link">
+<a href="#image-b39ed9f81d0fa6f4cc8ed87e4a1ff033" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-bb3342c5f1cd228b33e32721c78e512e">
+<a href="javascript:history.back();" class="lightbox" id="image-b39ed9f81d0fa6f4cc8ed87e4a1ff033">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -3003,10 +3003,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-ed076dd013bd1537c9e5750aa1bddfd8" class="lightbox-link">
+<a href="#image-8ffae089476dc1e8335793e043464c90" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ed076dd013bd1537c9e5750aa1bddfd8">
+<a href="javascript:history.back();" class="lightbox" id="image-8ffae089476dc1e8335793e043464c90">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -3022,34 +3022,34 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-85541e3519bf7757b46b98a9f4ee172b" class="lightbox-link">
+<a href="#image-19489beb36ecee7a74455babb9635ff7" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-85541e3519bf7757b46b98a9f4ee172b">
+<a href="javascript:history.back();" class="lightbox" id="image-19489beb36ecee7a74455babb9635ff7">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-e5309125a8ad9420335f565a7c5235b9" class="lightbox-link">
+<a href="#image-06d34ab3903e450d1b62ce97d70fc77f" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e5309125a8ad9420335f565a7c5235b9">
+<a href="javascript:history.back();" class="lightbox" id="image-06d34ab3903e450d1b62ce97d70fc77f">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-6aec43063dfb47f20c2a6800ab32a166" class="lightbox-link">
+<a href="#image-a667ddc09d179db3691c9d28bc56b9e0" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6aec43063dfb47f20c2a6800ab32a166">
+<a href="javascript:history.back();" class="lightbox" id="image-a667ddc09d179db3691c9d28bc56b9e0">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-37bdc3ca9061540d88eeee189fc47072" class="lightbox-link">
+<a href="#image-5dd17e4f9b6bb5c637c8ebbe0cd81fa4" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-37bdc3ca9061540d88eeee189fc47072">
+<a href="javascript:history.back();" class="lightbox" id="image-5dd17e4f9b6bb5c637c8ebbe0cd81fa4">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -3062,10 +3062,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-24d64ec94c7de48a8fe56d7427c09da1" class="lightbox-link">
+<a href="#image-7ac1a593a7213bb21c56e24625d50b3b" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-24d64ec94c7de48a8fe56d7427c09da1">
+<a href="javascript:history.back();" class="lightbox" id="image-7ac1a593a7213bb21c56e24625d50b3b">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -3269,10 +3269,10 @@ However, if you want to keep the title but change its value, it can be overridde
 </ul>
 <p>
 		
-<a href="#image-e75acea9289a4878ea5a040f80cfe30e" class="lightbox-link">
+<a href="#image-8dce39cea6c56b25e6fbffb88599a392" class="lightbox-link">
 <img src="./cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="shadow" style="height: auto; width: 300px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e75acea9289a4878ea5a040f80cfe30e">
+<a href="javascript:history.back();" class="lightbox" id="image-8dce39cea6c56b25e6fbffb88599a392">
 <img src="./cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
@@ -3449,13 +3449,13 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -3470,7 +3470,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/attachments.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -3676,13 +3676,13 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -3701,7 +3701,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/badge.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -3894,13 +3894,13 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -3916,7 +3916,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/button.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -4219,13 +4219,13 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -4240,7 +4240,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/children.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -4537,14 +4537,14 @@ So its content is used as description.</p>
 <p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-6f0930d0799632afb02b0843b2ec21c4" aria-controls="expandcontent-6f0930d0799632afb02b0843b2ec21c4" >
-    <label class="expand-label" for="expand-6f0930d0799632afb02b0843b2ec21c4" >
+    <input type="checkbox" id="expand-f1034c5e0390c9d7d0875b736f1baf78" aria-controls="expandcontent-f1034c5e0390c9d7d0875b736f1baf78" >
+    <label class="expand-label" for="expand-f1034c5e0390c9d7d0875b736f1baf78" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-6f0930d0799632afb02b0843b2ec21c4" class="expand-content">
+    <div id="expandcontent-f1034c5e0390c9d7d0875b736f1baf78" class="expand-content">
 Thank you!
     </div>
 </div>
@@ -4562,19 +4562,19 @@ Thank you!
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -4589,14 +4589,14 @@ Thank you!
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="s">&#34;Expand me...&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Thank</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>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/expand.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -4643,14 +4643,14 @@ Thank you!
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">you</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-853c99a5f60fefb226b1c85ec395cf25" aria-controls="expandcontent-853c99a5f60fefb226b1c85ec395cf25" >
-    <label class="expand-label" for="expand-853c99a5f60fefb226b1c85ec395cf25" >
+    <input type="checkbox" id="expand-bca4b3dd0d3aa41864db7c84331d1a0f" aria-controls="expandcontent-bca4b3dd0d3aa41864db7c84331d1a0f" >
+    <label class="expand-label" for="expand-bca4b3dd0d3aa41864db7c84331d1a0f" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-853c99a5f60fefb226b1c85ec395cf25" class="expand-content">
+    <div id="expandcontent-bca4b3dd0d3aa41864db7c84331d1a0f" class="expand-content">
 Yes, you did it!
     </div>
 </div>
@@ -4658,14 +4658,14 @@ Yes, you did it!
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">to</span> <span class="nx">press</span> <span class="nx">you</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-c3640d8e90964a88781c887e6f65c84b" aria-controls="expandcontent-c3640d8e90964a88781c887e6f65c84b"  checked>
-    <label class="expand-label" for="expand-c3640d8e90964a88781c887e6f65c84b" >
+    <input type="checkbox" id="expand-48f4a582aff9eb2c08ad52b2224ce638" aria-controls="expandcontent-48f4a582aff9eb2c08ad52b2224ce638"  checked>
+    <label class="expand-label" for="expand-48f4a582aff9eb2c08ad52b2224ce638" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-c3640d8e90964a88781c887e6f65c84b" class="expand-content">
+    <div id="expandcontent-48f4a582aff9eb2c08ad52b2224ce638" class="expand-content">
 No need to press you!
     </div>
 </div>
@@ -4687,14 +4687,14 @@ No need to press you!
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-99e31ae2bb9b417a686de703ff1fa37f" aria-controls="expandcontent-99e31ae2bb9b417a686de703ff1fa37f" >
-    <label class="expand-label" for="expand-99e31ae2bb9b417a686de703ff1fa37f" >
+    <input type="checkbox" id="expand-0e360612ca3d7c0aa346586c0527c499" aria-controls="expandcontent-0e360612ca3d7c0aa346586c0527c499" >
+    <label class="expand-label" for="expand-0e360612ca3d7c0aa346586c0527c499" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Show me almost endless possibilities
     </label>
-    <div id="expandcontent-99e31ae2bb9b417a686de703ff1fa37f" class="expand-content">
+    <div id="expandcontent-0e360612ca3d7c0aa346586c0527c499" class="expand-content">
 <p>You can add standard markdown syntax:</p>
 <ul>
 <li>multiple paragraphs</li>
@@ -4732,19 +4732,19 @@ No need to press you!
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -4761,7 +4761,7 @@ No need to press you!
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">icon</span> <span class="nx">exclamation</span><span class="o">-</span><span class="nx">triangle</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">icon</span> <span class="nx">angle</span><span class="o">-</span><span class="nx">double</span><span class="o">-</span><span class="nx">up</span> <span class="o">%</span><span class="p">}}</span>
@@ -4770,7 +4770,7 @@ No need to press you!
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/icon.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -4844,19 +4844,19 @@ No need to press you!
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -4871,14 +4871,14 @@ No need to press you!
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/include .html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -4964,19 +4964,19 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
   <div class="tab-nav">
     <button
       data-tab-item="codefence"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
       <span>codefence</span></button>
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -4993,7 +4993,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     </div>
     <div
       data-tab-item="shortcode"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">math</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;center&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="err">$$\</span><span class="nf">left</span><span class="p">(</span> <span class="err">\</span><span class="nx">sum_</span><span class="p">{</span><span class="nx">k</span><span class="p">=</span><span class="mi">1</span><span class="p">}^</span><span class="nx">n</span> <span class="nx">a_k</span> <span class="nx">b_k</span> <span class="err">\</span><span class="nx">right</span><span class="p">)^</span><span class="mi">2</span> <span class="err">\</span><span class="nx">leq</span> <span class="err">\</span><span class="nf">left</span><span class="p">(</span> <span class="err">\</span><span class="nx">sum_</span><span class="p">{</span><span class="nx">k</span><span class="p">=</span><span class="mi">1</span><span class="p">}^</span><span class="nx">n</span> <span class="nx">a_k</span><span class="p">^</span><span class="mi">2</span> <span class="err">\</span><span class="nx">right</span><span class="p">)</span> <span class="err">\</span><span class="nf">left</span><span class="p">(</span> <span class="err">\</span><span class="nx">sum_</span><span class="p">{</span><span class="nx">k</span><span class="p">=</span><span class="mi">1</span><span class="p">}^</span><span class="nx">n</span> <span class="nx">b_k</span><span class="p">^</span><span class="mi">2</span> <span class="err">\</span><span class="nx">right</span><span class="p">)</span><span class="err">$$</span>
@@ -5002,7 +5002,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/math.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -5134,19 +5134,19 @@ graph LR;
   <div class="tab-nav">
     <button
       data-tab-item="codefence"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
       <span>codefence</span></button>
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -5165,7 +5165,7 @@ graph LR;
     </div>
     <div
       data-tab-item="shortcode"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;center&#34;</span> <span class="nx">zoom</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">graph</span> <span class="nx">LR</span><span class="p">;</span>
@@ -5176,7 +5176,7 @@ graph LR;
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/mermaid.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -5629,19 +5629,19 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -5658,7 +5658,7 @@ C4Context
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">primary</span> <span class="s">&#34;There may be pirates&#34;</span> <span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">It</span> <span class="nx">is</span> <span class="nx">all</span> <span class="nx">about</span> <span class="nx">the</span> <span class="nx">boxes</span><span class="p">.</span>
@@ -5667,7 +5667,7 @@ C4Context
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/notice.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -5956,19 +5956,19 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -5983,14 +5983,14 @@ C4Context
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">siteparam</span> <span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/siteparam.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -6046,13 +6046,13 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -6067,7 +6067,7 @@ C4Context
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/swagger.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -6143,13 +6143,13 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-language','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-language','bash')"
     >
       <span>bash</span></button>
@@ -6164,7 +6164,7 @@ C4Context
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
 </span></span></code></pre></div>
@@ -6178,13 +6178,13 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -6210,7 +6210,7 @@ C4Context
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/tabs.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -6285,19 +6285,19 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="json"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-config','json')"
     >
       <span>json</span></button>
     <button
       data-tab-item="XML"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-config','XML')"
     >
       <span>XML</span></button>
     <button
       data-tab-item="properties"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-config','properties')"
     >
       <span>properties</span></button>
@@ -6314,14 +6314,14 @@ C4Context
     </div>
     <div
       data-tab-item="XML"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-xml" data-lang="xml"><span class="line"><span class="cl"><span class="nt">&lt;Hello&gt;</span>World<span class="nt">&lt;/Hello&gt;</span>
 </span></span></code></pre></div>
     </div>
     <div
       data-tab-item="properties"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-ini" data-lang="ini"><span class="line"><span class="cl"><span class="na">Hello</span> <span class="o">=</span> <span class="s">World</span>
 </span></span></code></pre></div>
@@ -6349,13 +6349,13 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="json"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-config','json')"
     >
       <span>json</span></button>
     <button
       data-tab-item="XML"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-config','XML')"
     >
       <span>XML</span></button>
@@ -6372,7 +6372,7 @@ C4Context
     </div>
     <div
       data-tab-item="XML"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-xml" data-lang="xml"><span class="line"><span class="cl"><span class="nt">&lt;Hello&gt;</span>World<span class="nt">&lt;/Hello&gt;</span>
 </span></span></code></pre></div>
@@ -6418,13 +6418,13 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="Text"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('main','Text')"
     >
       <span>Text</span></button>
     <button
       data-tab-item="Code"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('main','Code')"
     >
       <span>Code</span></button>
@@ -6441,13 +6441,13 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-language','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-language','bash')"
     >
       <span>bash</span></button>
@@ -6466,7 +6466,7 @@ C4Context
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <p>Bash is for <strong>hackers</strong>.</p>
 
@@ -6477,7 +6477,7 @@ C4Context
     </div>
     <div
       data-tab-item="Code"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 
   ...but no markdown
@@ -6486,13 +6486,13 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-language','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-language','bash')"
     >
       <span>bash</span></button>
@@ -6507,7 +6507,7 @@ C4Context
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
 </span></span></code></pre></div>
@@ -6527,8 +6527,8 @@ C4Context
               </section>        </div>
       </main>
     </div>
-    <script src="./js/clipboard.min.js?1675789784" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1675789784" defer></script>
+    <script src="./js/clipboard.min.js?1675891449" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1675891449" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -6557,24 +6557,24 @@ C4Context
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1675789784"></script>
-    <script src="./js/d3/d3-color.min.js?1675789784" defer></script>
-    <script src="./js/d3/d3-dispatch.min.js?1675789784" defer></script>
-    <script src="./js/d3/d3-drag.min.js?1675789784" defer></script>
-    <script src="./js/d3/d3-ease.min.js?1675789784" defer></script>
-    <script src="./js/d3/d3-interpolate.min.js?1675789784" defer></script>
-    <script src="./js/d3/d3-selection.min.js?1675789784" defer></script>
-    <script src="./js/d3/d3-timer.min.js?1675789784" defer></script>
-    <script src="./js/d3/d3-transition.min.js?1675789784" defer></script>
-    <script src="./js/d3/d3-zoom.min.js?1675789784" defer></script>
-    <script src="./js/mermaid.min.js?1675789784" defer></script>
+    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1675891449"></script>
+    <script src="./js/d3/d3-color.min.js?1675891449" defer></script>
+    <script src="./js/d3/d3-dispatch.min.js?1675891449" defer></script>
+    <script src="./js/d3/d3-drag.min.js?1675891449" defer></script>
+    <script src="./js/d3/d3-ease.min.js?1675891449" defer></script>
+    <script src="./js/d3/d3-interpolate.min.js?1675891449" defer></script>
+    <script src="./js/d3/d3-selection.min.js?1675891449" defer></script>
+    <script src="./js/d3/d3-timer.min.js?1675891449" defer></script>
+    <script src="./js/d3/d3-transition.min.js?1675891449" defer></script>
+    <script src="./js/d3/d3-zoom.min.js?1675891449" defer></script>
+    <script src="./js/mermaid.min.js?1675891449" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="./js/rapidoc-min.js?1675789784" defer></script>
+    <script src="./js/rapidoc-min.js?1675891449" defer></script>
     <script>
       window.themeUseSwagger = JSON.parse("{}");
     </script>
-    <script src="./js/theme.js?1675789784" defer></script>
+    <script src="./js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/more/credits/index.html b/more/credits/index.html
index 53e89fb078..8c68557454 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -341,12 +341,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/more/credits/index.print.html b/more/credits/index.print.html
index bf86c3ba78..856585d3e0 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -132,8 +132,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/more/showcase/index.html b/more/showcase/index.html
index 6c1da12444..5d067153d5 100644
--- a/more/showcase/index.html
+++ b/more/showcase/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/showcase/index.html" rel="alternate" hreflang="pir">
     <link href="../../more/showcase/index.xml" rel="alternate" type="application/rss+xml" title="Showcase :: Hugo Relearn Theme">
     <link href="../../more/showcase/index.print.html" rel="alternate" type="text/html" title="Showcase :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -105,28 +105,28 @@
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
 <p>
 		
-<a href="#image-ddfacc27a1f1fa94c58000c7871e6a28" class="lightbox-link">
+<a href="#image-df1005c87e758383d9f83872d2fb01bc" class="lightbox-link">
 <img src="../../more/showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ddfacc27a1f1fa94c58000c7871e6a28">
+<a href="javascript:history.back();" class="lightbox" id="image-df1005c87e758383d9f83872d2fb01bc">
 <img src="../../more/showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-training.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
 <p>
 		
-<a href="#image-0afc2dfa474bcdc03c55264ead8a38c8" class="lightbox-link">
+<a href="#image-19e5d4e36889eb289b42404a5383edda" class="lightbox-link">
 <img src="../../more/showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0afc2dfa474bcdc03c55264ead8a38c8">
+<a href="javascript:history.back();" class="lightbox" id="image-19e5d4e36889eb289b42404a5383edda">
 <img src="../../more/showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol--swiss-aerosol-solutions"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol – Swiss Aerosol Solutions</h2>
 <p>
 		
-<a href="#image-5ed07341812abc24a62399669261c36a" class="lightbox-link">
+<a href="#image-b0c120b2acb7a43b97a091699c90c245" class="lightbox-link">
 <img src="../../more/showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5ed07341812abc24a62399669261c36a">
+<a href="javascript:history.back();" class="lightbox" id="image-b0c120b2acb7a43b97a091699c90c245">
 <img src="../../more/showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -208,12 +208,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -330,12 +330,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/more/showcase/index.print.html b/more/showcase/index.print.html
index e387b48c19..206d51f491 100644
--- a/more/showcase/index.print.html
+++ b/more/showcase/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/showcase/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/more/showcase/index.html" rel="canonical" type="text/html" title="Showcase :: Hugo Relearn Theme">
     <link href="../../more/showcase/index.xml" rel="alternate" type="application/rss+xml" title="Showcase :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -78,28 +78,28 @@
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
 <p>
 		
-<a href="#image-ddfacc27a1f1fa94c58000c7871e6a28" class="lightbox-link">
+<a href="#image-df1005c87e758383d9f83872d2fb01bc" class="lightbox-link">
 <img src="../../more/showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ddfacc27a1f1fa94c58000c7871e6a28">
+<a href="javascript:history.back();" class="lightbox" id="image-df1005c87e758383d9f83872d2fb01bc">
 <img src="../../more/showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-training.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
 <p>
 		
-<a href="#image-0afc2dfa474bcdc03c55264ead8a38c8" class="lightbox-link">
+<a href="#image-19e5d4e36889eb289b42404a5383edda" class="lightbox-link">
 <img src="../../more/showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0afc2dfa474bcdc03c55264ead8a38c8">
+<a href="javascript:history.back();" class="lightbox" id="image-19e5d4e36889eb289b42404a5383edda">
 <img src="../../more/showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol--swiss-aerosol-solutions"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol – Swiss Aerosol Solutions</h2>
 <p>
 		
-<a href="#image-5ed07341812abc24a62399669261c36a" class="lightbox-link">
+<a href="#image-b0c120b2acb7a43b97a091699c90c245" class="lightbox-link">
 <img src="../../more/showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5ed07341812abc24a62399669261c36a">
+<a href="javascript:history.back();" class="lightbox" id="image-b0c120b2acb7a43b97a091699c90c245">
 <img src="../../more/showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -109,8 +109,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/pir/404.html b/pir/404.html
index 2f784baf9f..114f400cf6 100644
--- a/pir/404.html
+++ b/pir/404.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -8,20 +8,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>404 Page not found :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../js/url.js?1675789784"></script>
-    <script src="../js/variant.js?1675789784"></script>
+    <link href="../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../js/url.js?1675891449"></script>
+    <script src="../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 6a45e48c2b..ea8a06c70d 100644
--- a/pir/basics/configuration/index.html
+++ b/pir/basics/configuration/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,12 +76,41 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Configurrrat&#39;n</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#global-site-parameters">Global ship parameters</a></li>
+    <li><a href="#serving-your-page-from-a-subfolder">Serv'n yer plank from a subfolder</a></li>
+    <li><a href="#serving-your-page-from-the-filesystem">Serv'n yer plank from th' filesystem</a></li>
+    <li><a href="#activate-search">Activate search</a>
+      <ul>
+        <li><a href="#activate-dedicated-search-page">Activate dedicated search plank</a></li>
+      </ul>
+    </li>
+    <li><a href="#activate-print-support">Activate print support</a></li>
+    <li><a href="#mathjax">MathJax</a>
+      <ul>
+        <li><a href="#math-example">Example</a></li>
+      </ul>
+    </li>
+    <li><a href="#mermaid">Merrrmaid</a>
+      <ul>
+        <li><a href="#mermaid-example">Example</a></li>
+      </ul>
+    </li>
+    <li><a href="#home-button-configuration">Home Button Configurat'n</a></li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -95,10 +124,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <h2 id="global-site-parameters">Global ship parameters</h2>
 <p>On top o' <a href="https://gohugo.io/overview/configuration/" target="_blank">Cap'n Hugo global configurat'n</a>, th' Relearrrn theme lets ye define th' follow'n parameters 'n yer <code>config.toml</code> (here, values be default).</p>
 <p>Avast that some o' these parameters be explained 'n details 'n other sections o' this documentat'n.</p>
@@ -211,10 +239,10 @@
 </span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
 <p>
 		
-<a href="#image-86ff4c927a087c4ddc0a2dc03267f5a2" class="lightbox-link">
+<a href="#image-bc287b1af23a8dc4d652a0207f7184e1" class="lightbox-link">
 <img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-86ff4c927a087c4ddc0a2dc03267f5a2">
+<a href="javascript:history.back();" class="lightbox" id="image-bc287b1af23a8dc4d652a0207f7184e1">
 <img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -263,10 +291,10 @@ default values:</p>
 </span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
 <p>
 		
-<a href="#image-85368a0ab6b3b12d3b55bf97f50681cb" class="lightbox-link">
+<a href="#image-d0116bb28feeefd0d449d35b03d3ddc8" class="lightbox-link">
 <img src="../../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="shadow" style="height: auto; width: 300px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-85368a0ab6b3b12d3b55bf97f50681cb">
+<a href="javascript:history.back();" class="lightbox" id="image-d0116bb28feeefd0d449d35b03d3ddc8">
 <img src="../../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -349,12 +377,12 @@ default values:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../js/search.js?1675789786" defer></script>
+        <script src="../../../js/auto-complete.js?1675891451" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891451" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891451" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891451" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891451" defer></script>
+        <script src="../../../js/search.js?1675891451" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -471,12 +499,12 @@ default values:</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../js/buttons.js?1675891451"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891451" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891451" defer></script>
+    <script src="../../../js/theme.js?1675891451" defer></script>
   </body>
 </html>
diff --git a/pir/basics/configuration/index.print.html b/pir/basics/configuration/index.print.html
index cbd9e1642d..8e875c3529 100644
--- a/pir/basics/configuration/index.print.html
+++ b/pir/basics/configuration/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,10 +80,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <h2 id="global-site-parameters">Global ship parameters</h2>
 <p>On top o' <a href="https://gohugo.io/overview/configuration/" target="_blank">Cap'n Hugo global configurat'n</a>, th' Relearrrn theme lets ye define th' follow'n parameters 'n yer <code>config.toml</code> (here, values be default).</p>
 <p>Avast that some o' these parameters be explained 'n details 'n other sections o' this documentat'n.</p>
@@ -196,10 +195,10 @@
 </span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
 <p>
 		
-<a href="#image-86ff4c927a087c4ddc0a2dc03267f5a2" class="lightbox-link">
+<a href="#image-bc287b1af23a8dc4d652a0207f7184e1" class="lightbox-link">
 <img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-86ff4c927a087c4ddc0a2dc03267f5a2">
+<a href="javascript:history.back();" class="lightbox" id="image-bc287b1af23a8dc4d652a0207f7184e1">
 <img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -248,10 +247,10 @@ default values:</p>
 </span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
 <p>
 		
-<a href="#image-85368a0ab6b3b12d3b55bf97f50681cb" class="lightbox-link">
+<a href="#image-d0116bb28feeefd0d449d35b03d3ddc8" class="lightbox-link">
 <img src="../../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="shadow" style="height: auto; width: 300px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-85368a0ab6b3b12d3b55bf97f50681cb">
+<a href="javascript:history.back();" class="lightbox" id="image-d0116bb28feeefd0d449d35b03d3ddc8">
 <img src="../../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -262,8 +261,8 @@ default values:</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.html b/pir/basics/customization/index.html
index 8266ea3b5d..ad0adaea11 100644
--- a/pir/basics/customization/index.html
+++ b/pir/basics/customization/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,12 +76,32 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Customizat&#39;n</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#change-the-logo">Change th' logo</a></li>
+    <li><a href="#change-the-favicon">Change th' favicon</a></li>
+    <li><a href="#theme-variant">Change th' colors</a>
+      <ul>
+        <li><a href="#single-variant">Single variant</a></li>
+        <li><a href="#multiple-variants">Multiple variants</a></li>
+        <li><a href="#adjust-to-os-settings">Adjust t' OS Sett'ns</a></li>
+        <li><a href="#roll-your-own">Roll yer own</a></li>
+        <li><a href="#output-formats">Output formats</a></li>
+      </ul>
+    </li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -95,10 +115,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' Relearrrn theme has been built t' be as configur'ble as poss'ble by defin'n multiple <a href="https://gohugo.io/templates/partials/" target="_blank">partials</a></p>
 <p>In <code>themes/hugo-theme-relearn/layouts/partials/</code>, ye will find all th' partials defined fer this theme. If ye need t' overwrite someth'n, don&rsquo;t change th' code directly. Instead <a href="https://gohugo.io/themes/customizing/" target="_blank">follow this plank</a>. You&rsquo;d create a new partial 'n th' <code>layouts/partials</code> folder o' yer local project. This partial will have th' priority.</p>
 <p>This theme defines th' follow'n partials :</p>
@@ -258,12 +277,12 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../js/search.js?1675789786" defer></script>
+        <script src="../../../js/auto-complete.js?1675891451" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891451" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891451" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891451" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891451" defer></script>
+        <script src="../../../js/search.js?1675891451" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -380,12 +399,12 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../js/buttons.js?1675891451"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891451" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891451" defer></script>
+    <script src="../../../js/theme.js?1675891451" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.print.html b/pir/basics/customization/index.print.html
index bbc553b34c..399d9d36fd 100644
--- a/pir/basics/customization/index.print.html
+++ b/pir/basics/customization/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,10 +80,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' Relearrrn theme has been built t' be as configur'ble as poss'ble by defin'n multiple <a href="https://gohugo.io/templates/partials/" target="_blank">partials</a></p>
 <p>In <code>themes/hugo-theme-relearn/layouts/partials/</code>, ye will find all th' partials defined fer this theme. If ye need t' overwrite someth'n, don&rsquo;t change th' code directly. Instead <a href="https://gohugo.io/themes/customizing/" target="_blank">follow this plank</a>. You&rsquo;d create a new partial 'n th' <code>layouts/partials</code> folder o' yer local project. This partial will have th' priority.</p>
 <p>This theme defines th' follow'n partials :</p>
@@ -171,8 +170,8 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.html b/pir/basics/generator/index.html
index 7d7b180892..b93769dbdb 100644
--- a/pir/basics/generator/index.html
+++ b/pir/basics/generator/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,12 +76,22 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Stylesheet generrrat&#39;r</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#variant-generator">Variant generator</a></li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -95,10 +105,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
 <p>T' get started, first select a color variant from th' variant switch 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 an' th' plank will update accordingly.</p>
@@ -227,12 +236,12 @@ window.variants && variants.generator( '#vargenerator' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../js/search.js?1675789786" defer></script>
+        <script src="../../../js/auto-complete.js?1675891451" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891451" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891451" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891451" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891451" defer></script>
+        <script src="../../../js/search.js?1675891451" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -349,12 +358,12 @@ window.variants && variants.generator( '#vargenerator' );
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../js/buttons.js?1675891451"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891451" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891451" defer></script>
+    <script src="../../../js/theme.js?1675891451" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.print.html b/pir/basics/generator/index.print.html
index aae8cb2501..96069d61b4 100644
--- a/pir/basics/generator/index.print.html
+++ b/pir/basics/generator/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,10 +80,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
 <p>T' get started, first select a color variant from th' variant switch 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 an' th' plank will update accordingly.</p>
@@ -140,8 +139,8 @@ window.variants && variants.generator( '#vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.html b/pir/basics/history/index.html
index 0d0b1db002..54e2ca2e12 100644
--- a/pir/basics/history/index.html
+++ b/pir/basics/history/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,12 +76,550 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Historrry</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#5112-2023-02-07">5.11.2 (2023-02-07)</a>
+      <ul>
+        <li><a href="#fixes">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#5111-2023-02-06">5.11.1 (2023-02-06)</a>
+      <ul>
+        <li><a href="#fixes-1">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#5110-2023-02-05">5.11.0 (2023-02-05)</a>
+      <ul>
+        <li><a href="#enhancements">Enhancements</a></li>
+        <li><a href="#fixes-2">Fixes</a></li>
+        <li><a href="#maintenance">Maintenance</a></li>
+      </ul>
+    </li>
+    <li><a href="#5102-2023-01-25">5.10.2 (2023-01-25)</a>
+      <ul>
+        <li><a href="#fixes-3">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#5101-2023-01-25">5.10.1 (2023-01-25)</a>
+      <ul>
+        <li><a href="#fixes-4">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#5100-2023-01-25">5.10.0 (2023-01-25)</a>
+      <ul>
+        <li><a href="#enhancements-1">Enhancements</a></li>
+        <li><a href="#fixes-5">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#594-2023-01-23">5.9.4 (2023-01-23)</a>
+      <ul>
+        <li><a href="#fixes-6">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#593-2023-01-22">5.9.3 (2023-01-22)</a>
+      <ul>
+        <li><a href="#fixes-7">Fixes</a></li>
+        <li><a href="#maintenance-1">Maintenance</a></li>
+      </ul>
+    </li>
+    <li><a href="#592-2022-12-30">5.9.2 (2022-12-30)</a>
+      <ul>
+        <li><a href="#fixes-8">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#591-2022-12-23">5.9.1 (2022-12-23)</a>
+      <ul>
+        <li><a href="#enhancements-2">Enhancements</a></li>
+      </ul>
+    </li>
+    <li><a href="#590-2022-12-23">5.9.0 (2022-12-23)</a>
+      <ul>
+        <li><a href="#enhancements-3">Enhancements</a></li>
+        <li><a href="#fixes-9">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#581-2022-12-11">5.8.1 (2022-12-11)</a>
+      <ul>
+        <li><a href="#fixes-10">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#580-2022-12-08">5.8.0 (2022-12-08)</a>
+      <ul>
+        <li><a href="#enhancements-4">Enhancements</a></li>
+        <li><a href="#fixes-11">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#570-2022-11-29">5.7.0 (2022-11-29)</a>
+      <ul>
+        <li><a href="#enhancements-5">Enhancements</a></li>
+        <li><a href="#fixes-12">Fixes</a></li>
+        <li><a href="#maintenance-2">Maintenance</a></li>
+      </ul>
+    </li>
+    <li><a href="#566-2022-11-23">5.6.6 (2022-11-23)</a>
+      <ul>
+        <li><a href="#enhancements-6">Enhancements</a></li>
+        <li><a href="#fixes-13">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#565-2022-11-19">5.6.5 (2022-11-19)</a>
+      <ul>
+        <li><a href="#fixes-14">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#564-2022-11-19">5.6.4 (2022-11-19)</a>
+      <ul>
+        <li><a href="#fixes-15">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#563-2022-11-19">5.6.3 (2022-11-19)</a>
+      <ul>
+        <li><a href="#fixes-16">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#562-2022-11-19">5.6.2 (2022-11-19)</a>
+      <ul>
+        <li><a href="#fixes-17">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#561-2022-11-19">5.6.1 (2022-11-19)</a>
+      <ul>
+        <li><a href="#fixes-18">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#560-2022-11-18">5.6.0 (2022-11-18)</a>
+      <ul>
+        <li><a href="#enhancements-7">Enhancements</a></li>
+        <li><a href="#fixes-19">Fixes</a></li>
+        <li><a href="#maintenance-3">Maintenance</a></li>
+      </ul>
+    </li>
+    <li><a href="#553-2022-11-10">5.5.3 (2022-11-10)</a>
+      <ul>
+        <li><a href="#fixes-20">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#552-2022-11-08">5.5.2 (2022-11-08)</a>
+      <ul>
+        <li><a href="#fixes-21">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#551-2022-11-07">5.5.1 (2022-11-07)</a>
+      <ul>
+        <li><a href="#fixes-22">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#550-2022-11-06">5.5.0 (2022-11-06)</a>
+      <ul>
+        <li><a href="#enhancements-8">Enhancements</a></li>
+        <li><a href="#fixes-23">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#543-2022-11-05">5.4.3 (2022-11-05)</a>
+      <ul>
+        <li><a href="#enhancements-9">Enhancements</a></li>
+        <li><a href="#fixes-24">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#542-2022-11-05">5.4.2 (2022-11-05)</a>
+      <ul>
+        <li><a href="#maintenance-4">Maintenance</a></li>
+      </ul>
+    </li>
+    <li><a href="#541-2022-11-05">5.4.1 (2022-11-05)</a>
+      <ul>
+        <li><a href="#fixes-25">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#540-2022-11-01">5.4.0 (2022-11-01)</a>
+      <ul>
+        <li><a href="#enhancements-10">Enhancements</a></li>
+      </ul>
+    </li>
+    <li><a href="#533-2022-10-09">5.3.3 (2022-10-09)</a>
+      <ul>
+        <li><a href="#fixes-26">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#532-2022-10-08">5.3.2 (2022-10-08)</a>
+      <ul>
+        <li><a href="#fixes-27">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#531-2022-10-08">5.3.1 (2022-10-08)</a>
+      <ul>
+        <li><a href="#enhancements-11">Enhancements</a></li>
+      </ul>
+    </li>
+    <li><a href="#530-2022-10-07">5.3.0 (2022-10-07)</a>
+      <ul>
+        <li><a href="#enhancements-12">Enhancements</a></li>
+        <li><a href="#fixes-28">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#524-2022-10-02">5.2.4 (2022-10-02)</a>
+      <ul>
+        <li><a href="#fixes-29">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#523-2022-09-12">5.2.3 (2022-09-12)</a>
+      <ul>
+        <li><a href="#fixes-30">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#522-2022-08-23">5.2.2 (2022-08-23)</a>
+      <ul>
+        <li><a href="#fixes-31">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#521-2022-08-05">5.2.1 (2022-08-05)</a>
+      <ul>
+        <li><a href="#enhancements-13">Enhancements</a></li>
+        <li><a href="#fixes-32">Fixes</a></li>
+        <li><a href="#maintenance-5">Maintenance</a></li>
+      </ul>
+    </li>
+    <li><a href="#520-2022-08-03">5.2.0 (2022-08-03)</a>
+      <ul>
+        <li><a href="#enhancements-14">Enhancements</a></li>
+        <li><a href="#fixes-33">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#512-2022-07-18">5.1.2 (2022-07-18)</a>
+      <ul>
+        <li><a href="#fixes-34">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#511-2022-07-15">5.1.1 (2022-07-15)</a>
+      <ul>
+        <li><a href="#fixes-35">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#510-2022-07-15">5.1.0 (2022-07-15)</a>
+      <ul>
+        <li><a href="#enhancements-15">Enhancements</a></li>
+      </ul>
+    </li>
+    <li><a href="#503-2022-07-07">5.0.3 (2022-07-07)</a>
+      <ul>
+        <li><a href="#fixes-36">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#502-2022-07-07">5.0.2 (2022-07-07)</a>
+      <ul>
+        <li><a href="#fixes-37">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#501-2022-07-07">5.0.1 (2022-07-07)</a>
+      <ul>
+        <li><a href="#enhancements-16">Enhancements</a></li>
+      </ul>
+    </li>
+    <li><a href="#500-2022-07-05">5.0.0 (2022-07-05)</a>
+      <ul>
+        <li><a href="#enhancements-17">Enhancements</a></li>
+        <li><a href="#fixes-38">Fixes</a></li>
+        <li><a href="#maintenance-6">Maintenance</a></li>
+      </ul>
+    </li>
+    <li><a href="#425-2022-06-23">4.2.5 (2022-06-23)</a>
+      <ul>
+        <li><a href="#fixes-39">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#424-2022-06-23">4.2.4 (2022-06-23)</a>
+      <ul>
+        <li><a href="#fixes-40">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#423-2022-06-23">4.2.3 (2022-06-23)</a>
+      <ul>
+        <li><a href="#fixes-41">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#422-2022-06-23">4.2.2 (2022-06-23)</a></li>
+    <li><a href="#421-2022-06-23">4.2.1 (2022-06-23)</a></li>
+    <li><a href="#420-2022-06-23">4.2.0 (2022-06-23)</a>
+      <ul>
+        <li><a href="#enhancements-18">Enhancements</a></li>
+        <li><a href="#fixes-42">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#411-2022-06-18">4.1.1 (2022-06-18)</a>
+      <ul>
+        <li><a href="#fixes-43">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#410-2022-06-12">4.1.0 (2022-06-12)</a>
+      <ul>
+        <li><a href="#enhancements-19">Enhancements</a></li>
+      </ul>
+    </li>
+    <li><a href="#405-2022-06-12">4.0.5 (2022-06-12)</a>
+      <ul>
+        <li><a href="#fixes-44">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#404-2022-06-07">4.0.4 (2022-06-07)</a>
+      <ul>
+        <li><a href="#enhancements-20">Enhancements</a></li>
+        <li><a href="#fixes-45">Fixes</a></li>
+        <li><a href="#maintenance-7">Maintenance</a></li>
+      </ul>
+    </li>
+    <li><a href="#403-2022-06-05">4.0.3 (2022-06-05)</a>
+      <ul>
+        <li><a href="#enhancements-21">Enhancements</a></li>
+      </ul>
+    </li>
+    <li><a href="#402-2022-06-05">4.0.2 (2022-06-05)</a>
+      <ul>
+        <li><a href="#fixes-46">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#401-2022-06-05">4.0.1 (2022-06-05)</a></li>
+    <li><a href="#400-2022-06-05">4.0.0 (2022-06-05)</a>
+      <ul>
+        <li><a href="#enhancements-22">Enhancements</a></li>
+        <li><a href="#fixes-47">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#341-2022-04-03">3.4.1 (2022-04-03)</a>
+      <ul>
+        <li><a href="#fixes-48">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#340-2022-04-03">3.4.0 (2022-04-03)</a>
+      <ul>
+        <li><a href="#enhancements-23">Enhancements</a></li>
+        <li><a href="#fixes-49">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#330-2022-03-28">3.3.0 (2022-03-28)</a>
+      <ul>
+        <li><a href="#enhancements-24">Enhancements</a></li>
+        <li><a href="#fixes-50">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#321-2022-03-25">3.2.1 (2022-03-25)</a>
+      <ul>
+        <li><a href="#fixes-51">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#320-2022-03-19">3.2.0 (2022-03-19)</a>
+      <ul>
+        <li><a href="#enhancements-25">Enhancements</a></li>
+        <li><a href="#maintenance-8">Maintenance</a></li>
+      </ul>
+    </li>
+    <li><a href="#311-2022-03-16">3.1.1 (2022-03-16)</a>
+      <ul>
+        <li><a href="#enhancements-26">Enhancements</a></li>
+      </ul>
+    </li>
+    <li><a href="#310-2022-03-15">3.1.0 (2022-03-15)</a>
+      <ul>
+        <li><a href="#enhancements-27">Enhancements</a></li>
+        <li><a href="#fixes-52">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#304-2022-02-24">3.0.4 (2022-02-24)</a>
+      <ul>
+        <li><a href="#enhancements-28">Enhancements</a></li>
+        <li><a href="#fixes-53">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#303-2022-02-23">3.0.3 (2022-02-23)</a>
+      <ul>
+        <li><a href="#enhancements-29">Enhancements</a></li>
+        <li><a href="#fixes-54">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#302-2022-02-23">3.0.2 (2022-02-23)</a>
+      <ul>
+        <li><a href="#enhancements-30">Enhancements</a></li>
+      </ul>
+    </li>
+    <li><a href="#301-2022-02-23">3.0.1 (2022-02-23)</a>
+      <ul>
+        <li><a href="#enhancements-31">Enhancements</a></li>
+        <li><a href="#fixes-55">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#300-2022-02-22">3.0.0 (2022-02-22)</a>
+      <ul>
+        <li><a href="#enhancements-32">Enhancements</a></li>
+        <li><a href="#fixes-56">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#296-2022-02-07">2.9.6 (2022-02-07)</a>
+      <ul>
+        <li><a href="#fixes-57">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#295-2022-02-07">2.9.5 (2022-02-07)</a>
+      <ul>
+        <li><a href="#fixes-58">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#294-2022-02-06">2.9.4 (2022-02-06)</a>
+      <ul>
+        <li><a href="#fixes-59">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#293-2022-02-06">2.9.3 (2022-02-06)</a>
+      <ul>
+        <li><a href="#fixes-60">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#292-2021-11-26">2.9.2 (2021-11-26)</a>
+      <ul>
+        <li><a href="#enhancements-33">Enhancements</a></li>
+        <li><a href="#fixes-61">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#291-2021-11-22">2.9.1 (2021-11-22)</a>
+      <ul>
+        <li><a href="#fixes-62">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#290-2021-11-19">2.9.0 (2021-11-19)</a>
+      <ul>
+        <li><a href="#fixes-63">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#283-2021-11-09">2.8.3 (2021-11-09)</a>
+      <ul>
+        <li><a href="#fixes-64">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#282-2021-11-08">2.8.2 (2021-11-08)</a>
+      <ul>
+        <li><a href="#fixes-65">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#281-2021-11-04">2.8.1 (2021-11-04)</a>
+      <ul>
+        <li><a href="#fixes-66">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#280-2021-11-03">2.8.0 (2021-11-03)</a>
+      <ul>
+        <li><a href="#enhancements-34">Enhancements</a></li>
+        <li><a href="#fixes-67">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#270-2021-10-24">2.7.0 (2021-10-24)</a>
+      <ul>
+        <li><a href="#enhancements-35">Enhancements</a></li>
+      </ul>
+    </li>
+    <li><a href="#260-2021-10-21">2.6.0 (2021-10-21)</a>
+      <ul>
+        <li><a href="#fixes-68">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#251-2021-10-12">2.5.1 (2021-10-12)</a>
+      <ul>
+        <li><a href="#fixes-69">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#250-2021-10-08">2.5.0 (2021-10-08)</a>
+      <ul>
+        <li><a href="#enhancements-36">Enhancements</a></li>
+        <li><a href="#fixes-70">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#241-2021-10-07">2.4.1 (2021-10-07)</a>
+      <ul>
+        <li><a href="#fixes-71">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#240-2021-10-07">2.4.0 (2021-10-07)</a>
+      <ul>
+        <li><a href="#enhancements-37">Enhancements</a></li>
+        <li><a href="#fixes-72">Fixes</a></li>
+        <li><a href="#maintenance-9">Maintenance</a></li>
+      </ul>
+    </li>
+    <li><a href="#232-2021-09-20">2.3.2 (2021-09-20)</a>
+      <ul>
+        <li><a href="#fixes-73">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#231-2021-09-20">2.3.1 (2021-09-20)</a>
+      <ul>
+        <li><a href="#fixes-74">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#230-2021-09-13">2.3.0 (2021-09-13)</a>
+      <ul>
+        <li><a href="#fixes-75">Fixes</a></li>
+        <li><a href="#maintenance-10">Maintenance</a></li>
+      </ul>
+    </li>
+    <li><a href="#220-2021-09-09">2.2.0 (2021-09-09)</a>
+      <ul>
+        <li><a href="#enhancements-38">Enhancements</a></li>
+        <li><a href="#fixes-76">Fixes</a></li>
+        <li><a href="#maintenance-11">Maintenance</a></li>
+      </ul>
+    </li>
+    <li><a href="#210-2021-09-07">2.1.0 (2021-09-07)</a>
+      <ul>
+        <li><a href="#enhancements-39">Enhancements</a></li>
+        <li><a href="#fixes-77">Fixes</a></li>
+      </ul>
+    </li>
+    <li><a href="#200-2021-08-28">2.0.0 (2021-08-28)</a>
+      <ul>
+        <li><a href="#enhancements-40">Enhancements</a></li>
+        <li><a href="#fixes-78">Fixes</a></li>
+        <li><a href="#maintenance-12">Maintenance</a></li>
+      </ul>
+    </li>
+    <li><a href="#120-2021-07-26">1.2.0 (2021-07-26)</a>
+      <ul>
+        <li><a href="#enhancements-41">Enhancements</a></li>
+        <li><a href="#fixes-79">Fixes</a></li>
+        <li><a href="#maintenance-13">Maintenance</a></li>
+      </ul>
+    </li>
+    <li><a href="#111-2021-07-04">1.1.1 (2021-07-04)</a>
+      <ul>
+        <li><a href="#maintenance-14">Maintenance</a></li>
+      </ul>
+    </li>
+    <li><a href="#110-2021-07-02">1.1.0 (2021-07-02)</a>
+      <ul>
+        <li><a href="#enhancements-42">Enhancements</a></li>
+        <li><a href="#fixes-80">Fixes</a></li>
+        <li><a href="#maintenance-15">Maintenance</a></li>
+      </ul>
+    </li>
+    <li><a href="#101-2021-07-01">1.0.1 (2021-07-01)</a>
+      <ul>
+        <li><a href="#maintenance-16">Maintenance</a></li>
+      </ul>
+    </li>
+    <li><a href="#100-2021-07-01">1.0.0 (2021-07-01)</a>
+      <ul>
+        <li><a href="#maintenance-17">Maintenance</a></li>
+      </ul>
+    </li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -95,10 +633,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <div class="include hide-first-heading">
 <h1 id="changelog">Changelog</h1>
 <h2 id="5112-2023-02-07">5.11.2 (2023-02-07)</h2>
@@ -1127,12 +1664,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../js/search.js?1675789786" defer></script>
+        <script src="../../../js/auto-complete.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891452" defer></script>
+        <script src="../../../js/search.js?1675891452" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -1249,12 +1786,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../js/buttons.js?1675891452"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891452" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891452" defer></script>
+    <script src="../../../js/theme.js?1675891452" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.print.html b/pir/basics/history/index.print.html
index ba725ceafb..a5e9cc8c0a 100644
--- a/pir/basics/history/index.print.html
+++ b/pir/basics/history/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,10 +80,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <div class="include hide-first-heading">
 <h1 id="changelog">Changelog</h1>
 <h2 id="5112-2023-02-07">5.11.2 (2023-02-07)</h2>
@@ -1040,8 +1039,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.html b/pir/basics/index.html
index ed5a4267bf..477f1d11f7 100644
--- a/pir/basics/index.html
+++ b/pir/basics/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,11 +76,17 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Basics</span><meta itemprop="position" content="2"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable chapter narrow" tabindex="-1">
@@ -95,10 +101,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Discover what this Cap'n Hugo theme be all about an' th' core-concepts behind it.</p>
 
 
@@ -180,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../js/search.js?1675789786" defer></script>
+        <script src="../../js/auto-complete.js?1675891451" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891451" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891451" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891451" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891451" defer></script>
+        <script src="../../js/search.js?1675891451" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -302,12 +307,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789786"></script>
+          <script async src="../../js/buttons.js?1675891451"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../js/theme.js?1675789786" defer></script>
+    <script src="../../js/clipboard.min.js?1675891451" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891451" defer></script>
+    <script src="../../js/theme.js?1675891451" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.print.html b/pir/basics/index.print.html
index 1d22a9f9be..380ed0e064 100644
--- a/pir/basics/index.print.html
+++ b/pir/basics/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../js/url.js?1675789787"></script>
-    <script src="../../js/variant.js?1675789787"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../js/url.js?1675891453"></script>
+    <script src="../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,10 +80,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Discover what this Cap'n Hugo theme be all about an' th' core-concepts behind it.</p>
 
 
@@ -100,10 +99,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This document shows ye what&rsquo;s new 'n th' latest release. For a detailed list o' changes, see th' <a href="../../basics/history/">history plank</a>.</p>
 <p><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> Th' minimum required Cap'n Hugo version.</p>
 <p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Break'n</span></span> A change that requires act'n by ye aft upgrad'n t' assure th' ship be still functional.</p>
@@ -678,17 +676,16 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
 <p>
-<a href="#image-1f7136ed25d281c0ebbfa48c758b0680" class="lightbox-link">
+<a href="#image-18d1514f924ee1b8265cd5dfccdd94e4" class="lightbox-link">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1f7136ed25d281c0ebbfa48c758b0680">
+<a href="javascript:history.back();" class="lightbox" id="image-18d1514f924ee1b8265cd5dfccdd94e4">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -704,10 +701,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' follow'n steps be here t' help ye initialize yer new website. If ye don&rsquo;t know Cap'n Hugo at all, we strongly suggest ye learn more about it by follow'n this <a href="https://gohugo.io/overview/quickstart/" target="_blank">great documentat'n fer beginners</a>.</p>
 <h2 id="create-your-project">Create yer project</h2>
 <p>Cap'n Hugo provides a <code>new</code> command t' create a new website.</p>
@@ -739,10 +735,10 @@
 </span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-f685eefe689cedb090fe803830cb8ef8" class="lightbox-link">
+<a href="#image-ffb1390b70c5421735e32af347f3a4ec" class="lightbox-link">
 <img src="../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f685eefe689cedb090fe803830cb8ef8">
+<a href="javascript:history.back();" class="lightbox" id="image-ffb1390b70c5421735e32af347f3a4ec">
 <img src="../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" loading="lazy">
 </a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
@@ -788,10 +784,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <h2 id="global-site-parameters">Global ship parameters</h2>
 <p>On top o' <a href="https://gohugo.io/overview/configuration/" target="_blank">Cap'n Hugo global configurat'n</a>, th' Relearrrn theme lets ye define th' follow'n parameters 'n yer <code>config.toml</code> (here, values be default).</p>
 <p>Avast that some o' these parameters be explained 'n details 'n other sections o' this documentat'n.</p>
@@ -904,10 +899,10 @@
 </span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
 <p>
 		
-<a href="#image-86ff4c927a087c4ddc0a2dc03267f5a2" class="lightbox-link">
+<a href="#image-bc287b1af23a8dc4d652a0207f7184e1" class="lightbox-link">
 <img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-86ff4c927a087c4ddc0a2dc03267f5a2">
+<a href="javascript:history.back();" class="lightbox" id="image-bc287b1af23a8dc4d652a0207f7184e1">
 <img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -956,10 +951,10 @@ default values:</p>
 </span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
 <p>
 		
-<a href="#image-85368a0ab6b3b12d3b55bf97f50681cb" class="lightbox-link">
+<a href="#image-d0116bb28feeefd0d449d35b03d3ddc8" class="lightbox-link">
 <img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="shadow" style="height: auto; width: 300px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-85368a0ab6b3b12d3b55bf97f50681cb">
+<a href="javascript:history.back();" class="lightbox" id="image-d0116bb28feeefd0d449d35b03d3ddc8">
 <img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -975,10 +970,9 @@ default values:</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' Relearrrn theme has been built t' be as configur'ble as poss'ble by defin'n multiple <a href="https://gohugo.io/templates/partials/" target="_blank">partials</a></p>
 <p>In <code>themes/hugo-theme-relearn/layouts/partials/</code>, ye will find all th' partials defined fer this theme. If ye need t' overwrite someth'n, don&rsquo;t change th' code directly. Instead <a href="https://gohugo.io/themes/customizing/" target="_blank">follow this plank</a>. You&rsquo;d create a new partial 'n th' <code>layouts/partials</code> folder o' yer local project. This partial will have th' priority.</p>
 <p>This theme defines th' follow'n partials :</p>
@@ -1071,10 +1065,9 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
 <p>T' get started, first select a color variant from th' variant switch 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 an' th' plank will update accordingly.</p>
@@ -1136,10 +1129,9 @@ window.variants && variants.generator( '#vargenerator' );
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <div class="include hide-first-heading">
 <h1 id="changelog">Changelog</h1>
 <h2 id="5112-2023-02-07">5.11.2 (2023-02-07)</h2>
@@ -2097,8 +2089,8 @@ window.variants && variants.generator( '#vargenerator' );
           </section>        </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../js/theme.js?1675789787" defer></script>
+    <script src="../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.xml b/pir/basics/index.xml
index af52412328..115ccdb9a4 100644
--- a/pir/basics/index.xml
+++ b/pir/basics/index.xml
@@ -11,7 +11,7 @@
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This document shows ye what&amp;rsquo;s new &#39;n th&#39; latest release. For a detailed list o&#39; changes, see th&#39; history plank.
 0.95.0 Th&#39; minimum required Cap&#39;n Hugo version.
 Break&#39;n A change that requires act&#39;n by ye aft upgrad&#39;n t&#39; assure th&#39; ship be still functional.</description>
@@ -21,7 +21,7 @@ Break&#39;n A change that requires act&#39;n by ye aft upgrad&#39;n t&#39; assur
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Thanks t&#39; th&#39; simplicity o&#39; Cap&#39;n Hugo, this plank be as empty as this theme needs requirements.
 Just download at least version 0.95.0 o&#39; th&#39; Cap&#39;n Hugo binary fer yer OS (Windows, Linux, Mac).</description>
     </item>
@@ -30,7 +30,7 @@ Just download at least version 0.95.0 o&#39; th&#39; Cap&#39;n Hugo binary fer y
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Th&#39; follow&#39;n steps be here t&#39; help ye initialize yer new website. If ye don&amp;rsquo;t know Cap&#39;n Hugo at all, we strongly suggest ye learn more about it by follow&#39;n this great documentat&#39;n fer beginners.
 Create yer project Cap&#39;n Hugo provides a new command t&#39; create a new website.</description>
     </item>
@@ -39,7 +39,7 @@ Create yer project Cap&#39;n Hugo provides a new command t&#39; create a new web
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Global ship parameters On top o&#39; Cap&#39;n Hugo global configurat&#39;n, th&#39; Relearrrn theme lets ye define th&#39; follow&#39;n parameters &#39;n yer config.toml (here, values be default).
 Avast that some o&#39; these parameters be explained &#39;n details &#39;n other sections o&#39; this documentat&#39;n.</description>
     </item>
@@ -48,16 +48,16 @@ Avast that some o&#39; these parameters be explained &#39;n details &#39;n other
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Th&#39; Relearrrn theme has been built t&#39; be as configur&#39;ble as poss&#39;ble by defin&#39;n multiple partials
-In themes/hugo-theme-relearn/layouts/partials/, ye will find all th&#39; partials defined fer this theme. If ye need t&#39; overwrite someth&#39;n, don&amp;rsquo;t change th&#39; code directly. Instead follow this plank.</description>
+In themes/hugo-theme-relearn/layouts/partials/, ye will find all th&#39; partials defined fer this theme. If ye need t&#39; overwrite someth&#39;n, don&amp;rsquo;t change th&#39; code directly.</description>
     </item>
     <item>
       <title>Stylesheet generrrat&#39;r</title>
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This interactive tool may help ye t&#39; generate yer own color variant stylesheet.
 T&#39; get started, first select a color variant from th&#39; variant switch that fits ye best as a start&#39;n point.
 Th&#39; graph be interactive an&#39; reflect th&#39; current colors.</description>
@@ -67,7 +67,7 @@ Th&#39; graph be interactive an&#39; reflect th&#39; current colors.</descriptio
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Changelog 5.11.2 (2023-02-07) Fixes [bug] tabs: nested tabs rrrambl&#39;n be not displayed #468 5.11.1 (2023-02-06) Fixes [bug] variant: include miss&#39;n theme-auto.css &#39;n distribut&#39;n #467 5.11.0 (2023-02-05) Enhancements [feature] i18n: add Czech translat&#39;n #455 [feature][change] lightbox: switch t&#39; CSS-only solut&#39;n #451 [feature][change] variant: add support fer prefers-color-scheme #445 [feature][change] expand: refactor fer a11y #339 [feature][change] mermaid: make zoom configur&#39;ble #144 Fixes [bug] swagger: avoid errors when us&#39;n invalid rapi-doc fragment ids #465 [bug] search: fix oddities &#39;n keyboard handl&#39;n #463 [bug] badge: fix text color fer IE11 #462 [bug] mermaid: rerender graph if search term be present an&#39; variant be switched #460 [bug] tags: show tag on planks when tag has space #459 [bug] edit: remove do&#39;ble slash on root plank link #450 Maintenance [task] build: add mov&#39;n version tags #453 [task][change] theme: remove jQuery #452 [task] build: check fer release notes before release #448 5.</description>
     </item>
   </channel>
diff --git a/pir/basics/installation/index.html b/pir/basics/installation/index.html
index 96cf70cf62..0ea3cdbef8 100644
--- a/pir/basics/installation/index.html
+++ b/pir/basics/installation/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,12 +76,32 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Installat&#39;n</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#create-your-project">Create yer project</a></li>
+    <li><a href="#install-the-theme">Install th' theme</a>
+      <ul>
+        <li><a href="#from-git">From Git</a></li>
+      </ul>
+    </li>
+    <li><a href="#basic-configuration">Basic configurat'n</a></li>
+    <li><a href="#create-your-first-chapter-page">Create yer first chapter plank</a></li>
+    <li><a href="#create-your-first-content-pages">Create yer first rrrambl'n planks</a></li>
+    <li><a href="#launching-the-website-locally">Launch'n th' website locally</a></li>
+    <li><a href="#build-the-website">Build th' website</a></li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -95,10 +115,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' follow'n steps be here t' help ye initialize yer new website. If ye don&rsquo;t know Cap'n Hugo at all, we strongly suggest ye learn more about it by follow'n this <a href="https://gohugo.io/overview/quickstart/" target="_blank">great documentat'n fer beginners</a>.</p>
 <h2 id="create-your-project">Create yer project</h2>
 <p>Cap'n Hugo provides a <code>new</code> command t' create a new website.</p>
@@ -130,10 +149,10 @@
 </span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-f685eefe689cedb090fe803830cb8ef8" class="lightbox-link">
+<a href="#image-ffb1390b70c5421735e32af347f3a4ec" class="lightbox-link">
 <img src="../../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f685eefe689cedb090fe803830cb8ef8">
+<a href="javascript:history.back();" class="lightbox" id="image-ffb1390b70c5421735e32af347f3a4ec">
 <img src="../../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" loading="lazy">
 </a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
@@ -246,12 +265,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../js/search.js?1675789786" defer></script>
+        <script src="../../../js/auto-complete.js?1675891451" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891451" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891451" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891451" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891451" defer></script>
+        <script src="../../../js/search.js?1675891451" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -368,12 +387,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../js/buttons.js?1675891451"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891451" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891451" defer></script>
+    <script src="../../../js/theme.js?1675891451" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.print.html b/pir/basics/installation/index.print.html
index 77b8ac3147..f01b4ceee4 100644
--- a/pir/basics/installation/index.print.html
+++ b/pir/basics/installation/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,10 +80,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' follow'n steps be here t' help ye initialize yer new website. If ye don&rsquo;t know Cap'n Hugo at all, we strongly suggest ye learn more about it by follow'n this <a href="https://gohugo.io/overview/quickstart/" target="_blank">great documentat'n fer beginners</a>.</p>
 <h2 id="create-your-project">Create yer project</h2>
 <p>Cap'n Hugo provides a <code>new</code> command t' create a new website.</p>
@@ -115,10 +114,10 @@
 </span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-f685eefe689cedb090fe803830cb8ef8" class="lightbox-link">
+<a href="#image-ffb1390b70c5421735e32af347f3a4ec" class="lightbox-link">
 <img src="../../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f685eefe689cedb090fe803830cb8ef8">
+<a href="javascript:history.back();" class="lightbox" id="image-ffb1390b70c5421735e32af347f3a4ec">
 <img src="../../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" loading="lazy">
 </a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
@@ -159,8 +158,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.html b/pir/basics/migration/index.html
index fcd37f498c..eec7fd2aa7 100644
--- a/pir/basics/migration/index.html
+++ b/pir/basics/migration/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,12 +76,54 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">What&#39;s New</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#5110-2023-02-07">5.11.0 (2023-02-07)</a></li>
+    <li><a href="#5100-2023-01-25">5.10.0 (2023-01-25)</a></li>
+    <li><a href="#590-2022-12-23">5.9.0 (2022-12-23)</a></li>
+    <li><a href="#580-2022-12-08">5.8.0 (2022-12-08)</a></li>
+    <li><a href="#570-2022-11-29">5.7.0 (2022-11-29)</a></li>
+    <li><a href="#560-2022-11-18">5.6.0 (2022-11-18)</a></li>
+    <li><a href="#550-2022-11-06">5.5.0 (2022-11-06)</a></li>
+    <li><a href="#540-2022-11-01">5.4.0 (2022-11-01)</a></li>
+    <li><a href="#530-2022-10-07">5.3.0 (2022-10-07)</a></li>
+    <li><a href="#520-2022-08-03">5.2.0 (2022-08-03)</a></li>
+    <li><a href="#510-2022-07-15">5.1.0 (2022-07-15)</a></li>
+    <li><a href="#500-2022-07-05">5.0.0 (2022-07-05)</a></li>
+    <li><a href="#420-2022-06-23">4.2.0 (2022-06-23)</a></li>
+    <li><a href="#410-2022-06-12">4.1.0 (2022-06-12)</a></li>
+    <li><a href="#400-2022-06-05">4.0.0 (2022-06-05)</a></li>
+    <li><a href="#340-2022-04-03">3.4.0 (2022-04-03)</a></li>
+    <li><a href="#330-2022-03-28">3.3.0 (2022-03-28)</a></li>
+    <li><a href="#320-2022-03-19">3.2.0 (2022-03-19)</a></li>
+    <li><a href="#310-2022-03-15">3.1.0 (2022-03-15)</a></li>
+    <li><a href="#300-2022-02-22">3.0.0 (2022-02-22)</a></li>
+    <li><a href="#290-2021-11-19">2.9.0 (2021-11-19)</a></li>
+    <li><a href="#280-2021-11-03">2.8.0 (2021-11-03)</a></li>
+    <li><a href="#270-2021-10-24">2.7.0 (2021-10-24)</a></li>
+    <li><a href="#260-2021-10-21">2.6.0 (2021-10-21)</a></li>
+    <li><a href="#250-2021-10-08">2.5.0 (2021-10-08)</a></li>
+    <li><a href="#240-2021-10-07">2.4.0 (2021-10-07)</a></li>
+    <li><a href="#230-2021-09-13">2.3.0 (2021-09-13)</a></li>
+    <li><a href="#220-2021-09-09">2.2.0 (2021-09-09)</a></li>
+    <li><a href="#210-2021-09-07">2.1.0 (2021-09-07)</a></li>
+    <li><a href="#200-2021-08-28">2.0.0 (2021-08-28)</a></li>
+    <li><a href="#120-2021-07-26">1.2.0 (2021-07-26)</a></li>
+    <li><a href="#110-2021-07-02">1.1.0 (2021-07-02)</a></li>
+    <li><a href="#100-2021-07-01">1.0.0 (2021-07-01)</a></li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -95,10 +137,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This document shows ye what&rsquo;s new 'n th' latest release. For a detailed list o' changes, see th' <a href="../../../basics/history/">history plank</a>.</p>
 <p><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> Th' minimum required Cap'n Hugo version.</p>
 <p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Break'n</span></span> A change that requires act'n by ye aft upgrad'n t' assure th' ship be still functional.</p>
@@ -740,12 +781,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../js/search.js?1675789786" defer></script>
+        <script src="../../../js/auto-complete.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891452" defer></script>
+        <script src="../../../js/search.js?1675891452" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -862,12 +903,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../js/buttons.js?1675891452"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891452" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891452" defer></script>
+    <script src="../../../js/theme.js?1675891452" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.print.html b/pir/basics/migration/index.print.html
index 895baddc6e..6548c441fb 100644
--- a/pir/basics/migration/index.print.html
+++ b/pir/basics/migration/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,10 +80,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This document shows ye what&rsquo;s new 'n th' latest release. For a detailed list o' changes, see th' <a href="../../../basics/history/">history plank</a>.</p>
 <p><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> Th' minimum required Cap'n Hugo version.</p>
 <p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Break'n</span></span> A change that requires act'n by ye aft upgrad'n t' assure th' ship be still functional.</p>
@@ -653,8 +652,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.html b/pir/basics/requirements/index.html
index cb62cd91ec..450fbdfc53 100644
--- a/pir/basics/requirements/index.html
+++ b/pir/basics/requirements/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,17 +95,16 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
 <p>
-<a href="#image-1f7136ed25d281c0ebbfa48c758b0680" class="lightbox-link">
+<a href="#image-18d1514f924ee1b8265cd5dfccdd94e4" class="lightbox-link">
 <img src="../../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1f7136ed25d281c0ebbfa48c758b0680">
+<a href="javascript:history.back();" class="lightbox" id="image-18d1514f924ee1b8265cd5dfccdd94e4">
 <img src="../../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -188,12 +187,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../js/search.js?1675789786" defer></script>
+        <script src="../../../js/auto-complete.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891452" defer></script>
+        <script src="../../../js/search.js?1675891452" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -310,12 +309,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../js/buttons.js?1675891452"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891452" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891452" defer></script>
+    <script src="../../../js/theme.js?1675891452" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.print.html b/pir/basics/requirements/index.print.html
index caf48b722f..b56fbab9e4 100644
--- a/pir/basics/requirements/index.print.html
+++ b/pir/basics/requirements/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,17 +80,16 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
 <p>
-<a href="#image-1f7136ed25d281c0ebbfa48c758b0680" class="lightbox-link">
+<a href="#image-18d1514f924ee1b8265cd5dfccdd94e4" class="lightbox-link">
 <img src="../../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1f7136ed25d281c0ebbfa48c758b0680">
+<a href="javascript:history.back();" class="lightbox" id="image-18d1514f924ee1b8265cd5dfccdd94e4">
 <img src="../../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -101,8 +100,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/categories/index.html b/pir/categories/index.html
index 1af5322b5d..9f3e5e54d1 100644
--- a/pir/categories/index.html
+++ b/pir/categories/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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="Categories :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -65,11 +65,17 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Categories</span><meta itemprop="position" content="2"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -158,12 +164,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789787" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789787" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789787" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789787" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789787" defer></script>
-        <script src="../../js/search.js?1675789787" defer></script>
+        <script src="../../js/auto-complete.js?1675891453" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891453" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891453" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891453" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891453" defer></script>
+        <script src="../../js/search.js?1675891453" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -280,12 +286,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789787"></script>
+          <script async src="../../js/buttons.js?1675891453"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../js/theme.js?1675789787" defer></script>
+    <script src="../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.html b/pir/cont/archetypes/index.html
index 5ca0bf0c3e..f68e8160bf 100644
--- a/pir/cont/archetypes/index.html
+++ b/pir/cont/archetypes/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,12 +76,34 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/cont/index.html"><span itemprop="name">Rambl&#39;n</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Arrrchetypes</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#predefined-archetypes">Predefined Archetypes</a>
+      <ul>
+        <li><a href="#archetypes-home">Home</a></li>
+        <li><a href="#archetypes-chapter">Chapter</a></li>
+        <li><a href="#archetypes-default">Default</a></li>
+      </ul>
+    </li>
+    <li><a href="#self-defined-archetypes">Self defined Archetypes</a>
+      <ul>
+        <li><a href="#template">Template</a></li>
+        <li><a href="#partials">Partials</a></li>
+      </ul>
+    </li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -95,10 +117,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Us'n th' command: <code>hugo new [relative new rrrambl'n path]</code>, ye can start a rrrambl'n file wit' th' date an' title automatically set. While this be a welcome feature, active writers need more: <a href="https://gohugo.io/content/archetypes/" target="_blank">archetypes</a>. These be preconfigured skeleton planks wit' default frontmatter.</p>
 <p>Th' Relearrrn theme defines some few archetypes o' planks but ye be free t' define new ones t' yer lik'n. All can be used at any level o' th' documentat'n, th' only difference be'n th' layout o' th' rrrambl'n.</p>
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
@@ -106,10 +127,10 @@
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
 <p>
 		
-<a href="#image-80bcbadfb4812f86f86d78d0e884f4d3" class="lightbox-link">
+<a href="#image-e45b667dd561e914b9f6838131898316" class="lightbox-link">
 <img src="../../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-80bcbadfb4812f86f86d78d0e884f4d3">
+<a href="javascript:history.back();" class="lightbox" id="image-e45b667dd561e914b9f6838131898316">
 <img src="../../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a home plank, run th' follow'n command</p>
@@ -125,10 +146,10 @@
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
 <p>
 		
-<a href="#image-6c43d3880dfe4d23e87addc2ca5e72dd" class="lightbox-link">
+<a href="#image-654ca386c98bd61d86411e73e8ee56c7" class="lightbox-link">
 <img src="../../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6c43d3880dfe4d23e87addc2ca5e72dd">
+<a href="javascript:history.back();" class="lightbox" id="image-654ca386c98bd61d86411e73e8ee56c7">
 <img src="../../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
@@ -146,10 +167,10 @@
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
 <p>
 		
-<a href="#image-7d9e185a9cd3f58d0b4ccace56ed1cb5" class="lightbox-link">
+<a href="#image-d829e6d650db942a0dc007b279b54646" class="lightbox-link">
 <img src="../../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7d9e185a9cd3f58d0b4ccace56ed1cb5">
+<a href="javascript:history.back();" class="lightbox" id="image-d829e6d650db942a0dc007b279b54646">
 <img src="../../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
@@ -279,12 +300,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../js/search.js?1675789786" defer></script>
+        <script src="../../../js/auto-complete.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891452" defer></script>
+        <script src="../../../js/search.js?1675891452" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -401,12 +422,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../js/buttons.js?1675891452"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891452" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891452" defer></script>
+    <script src="../../../js/theme.js?1675891452" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.print.html b/pir/cont/archetypes/index.print.html
index 5dc9df550d..030bc07961 100644
--- a/pir/cont/archetypes/index.print.html
+++ b/pir/cont/archetypes/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,10 +80,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Us'n th' command: <code>hugo new [relative new rrrambl'n path]</code>, ye can start a rrrambl'n file wit' th' date an' title automatically set. While this be a welcome feature, active writers need more: <a href="https://gohugo.io/content/archetypes/" target="_blank">archetypes</a>. These be preconfigured skeleton planks wit' default frontmatter.</p>
 <p>Th' Relearrrn theme defines some few archetypes o' planks but ye be free t' define new ones t' yer lik'n. All can be used at any level o' th' documentat'n, th' only difference be'n th' layout o' th' rrrambl'n.</p>
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
@@ -91,10 +90,10 @@
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
 <p>
 		
-<a href="#image-80bcbadfb4812f86f86d78d0e884f4d3" class="lightbox-link">
+<a href="#image-e45b667dd561e914b9f6838131898316" class="lightbox-link">
 <img src="../../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-80bcbadfb4812f86f86d78d0e884f4d3">
+<a href="javascript:history.back();" class="lightbox" id="image-e45b667dd561e914b9f6838131898316">
 <img src="../../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a home plank, run th' follow'n command</p>
@@ -110,10 +109,10 @@
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
 <p>
 		
-<a href="#image-6c43d3880dfe4d23e87addc2ca5e72dd" class="lightbox-link">
+<a href="#image-654ca386c98bd61d86411e73e8ee56c7" class="lightbox-link">
 <img src="../../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6c43d3880dfe4d23e87addc2ca5e72dd">
+<a href="javascript:history.back();" class="lightbox" id="image-654ca386c98bd61d86411e73e8ee56c7">
 <img src="../../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
@@ -131,10 +130,10 @@
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
 <p>
 		
-<a href="#image-7d9e185a9cd3f58d0b4ccace56ed1cb5" class="lightbox-link">
+<a href="#image-d829e6d650db942a0dc007b279b54646" class="lightbox-link">
 <img src="../../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7d9e185a9cd3f58d0b4ccace56ed1cb5">
+<a href="javascript:history.back();" class="lightbox" id="image-d829e6d650db942a0dc007b279b54646">
 <img src="../../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
@@ -192,8 +191,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.html b/pir/cont/i18n/index.html
index e5518383f8..c44ef0304a 100644
--- a/pir/cont/i18n/index.html
+++ b/pir/cont/i18n/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,12 +76,29 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/cont/index.html"><span itemprop="name">Rambl&#39;n</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Multilingual an&#39; i18n</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#basic-configuration">Basic configurat'n</a></li>
+    <li><a href="#search">Search</a>
+      <ul>
+        <li><a href="#search-with-mixed-language-support">Search wit' mixed language support</a></li>
+      </ul>
+    </li>
+    <li><a href="#overwrite-translation-strings">Overwrite translat'n str'ns</a></li>
+    <li><a href="#disable-language-switching">Dis'ble language switch'n</a></li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -95,10 +112,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' Relearrrn theme be fully compat'ble wit' Cap'n Hugo multilingual mode.</p>
 <p>It provides:</p>
 <ul>
@@ -109,10 +125,10 @@
 </ul>
 <p>
 		
-<a href="#image-f49f25ece68236bc3af2908616eff48e" class="lightbox-link">
+<a href="#image-2173ee10234e4c43153fa597b4283e1b" class="lightbox-link">
 <img src="../../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="shadow" style="height: auto; width: 300px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f49f25ece68236bc3af2908616eff48e">
+<a href="javascript:history.back();" class="lightbox" id="image-2173ee10234e4c43153fa597b4283e1b">
 <img src="../../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
@@ -283,12 +299,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?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../js/search.js?1675789786" defer></script>
+        <script src="../../../js/auto-complete.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891452" defer></script>
+        <script src="../../../js/search.js?1675891452" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -405,12 +421,12 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../js/buttons.js?1675891452"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891452" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891452" defer></script>
+    <script src="../../../js/theme.js?1675891452" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.print.html b/pir/cont/i18n/index.print.html
index e1ff377fd4..be19f627ec 100644
--- a/pir/cont/i18n/index.print.html
+++ b/pir/cont/i18n/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,10 +80,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' Relearrrn theme be fully compat'ble wit' Cap'n Hugo multilingual mode.</p>
 <p>It provides:</p>
 <ul>
@@ -94,10 +93,10 @@
 </ul>
 <p>
 		
-<a href="#image-f49f25ece68236bc3af2908616eff48e" class="lightbox-link">
+<a href="#image-2173ee10234e4c43153fa597b4283e1b" class="lightbox-link">
 <img src="../../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="shadow" style="height: auto; width: 300px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f49f25ece68236bc3af2908616eff48e">
+<a href="javascript:history.back();" class="lightbox" id="image-2173ee10234e4c43153fa597b4283e1b">
 <img src="../../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
@@ -196,8 +195,8 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.html b/pir/cont/index.html
index a6cbdeaae8..718e783068 100644
--- a/pir/cont/index.html
+++ b/pir/cont/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,11 +76,17 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Rambl&#39;n</span><meta itemprop="position" content="2"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable chapter narrow" tabindex="-1">
@@ -95,10 +101,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Find out how t' create an' org'nize yer rrrambl'n quickly an' intuitively.</p>
 
 
@@ -180,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../js/search.js?1675789786" defer></script>
+        <script src="../../js/auto-complete.js?1675891452" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891452" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891452" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891452" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891452" defer></script>
+        <script src="../../js/search.js?1675891452" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -302,12 +307,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789786"></script>
+          <script async src="../../js/buttons.js?1675891452"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../js/theme.js?1675789786" defer></script>
+    <script src="../../js/clipboard.min.js?1675891452" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891452" defer></script>
+    <script src="../../js/theme.js?1675891452" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.print.html b/pir/cont/index.print.html
index 5ba8c4cc8b..649488e13e 100644
--- a/pir/cont/index.print.html
+++ b/pir/cont/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../js/url.js?1675789787"></script>
-    <script src="../../js/variant.js?1675789787"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../js/url.js?1675891453"></script>
+    <script src="../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,10 +80,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Find out how t' create an' org'nize yer rrrambl'n quickly an' intuitively.</p>
 
 
@@ -100,10 +99,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>In <strong>Cap'n Hugo</strong>, planks be th' core o' yer ship. Once it be configured, planks be definitely th' added value t' yer documentat'n ship.</p>
 <h2 id="folders">Folders</h2>
 <p>Org'nize yer ship like <a href="https://gohugo.io/content/organization/" target="_blank">any other Cap'n Hugo project</a>. Typically, ye will have a <em>rrrambl'n</em> folder wit' all yer planks.</p>
@@ -178,10 +176,10 @@
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span></code></pre></div><p>
 		
-<a href="#image-aa494f9149508c2eb6cfe6589730d551" class="lightbox-link">
+<a href="#image-4bcac2c73ada46ed13c40bffab47325a" class="lightbox-link">
 <img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title wit' icon" class="shadow" style="height: auto; width: 300px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-aa494f9149508c2eb6cfe6589730d551">
+<a href="javascript:history.back();" class="lightbox" id="image-4bcac2c73ada46ed13c40bffab47325a">
 <img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title wit' icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
@@ -225,10 +223,9 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Us'n th' command: <code>hugo new [relative new rrrambl'n path]</code>, ye can start a rrrambl'n file wit' th' date an' title automatically set. While this be a welcome feature, active writers need more: <a href="https://gohugo.io/content/archetypes/" target="_blank">archetypes</a>. These be preconfigured skeleton planks wit' default frontmatter.</p>
 <p>Th' Relearrrn theme defines some few archetypes o' planks but ye be free t' define new ones t' yer lik'n. All can be used at any level o' th' documentat'n, th' only difference be'n th' layout o' th' rrrambl'n.</p>
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
@@ -236,10 +233,10 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
 <p>
 		
-<a href="#image-80bcbadfb4812f86f86d78d0e884f4d3" class="lightbox-link">
+<a href="#image-e45b667dd561e914b9f6838131898316" class="lightbox-link">
 <img src="../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-80bcbadfb4812f86f86d78d0e884f4d3">
+<a href="javascript:history.back();" class="lightbox" id="image-e45b667dd561e914b9f6838131898316">
 <img src="../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a home plank, run th' follow'n command</p>
@@ -255,10 +252,10 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
 <p>
 		
-<a href="#image-6c43d3880dfe4d23e87addc2ca5e72dd" class="lightbox-link">
+<a href="#image-654ca386c98bd61d86411e73e8ee56c7" class="lightbox-link">
 <img src="../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6c43d3880dfe4d23e87addc2ca5e72dd">
+<a href="javascript:history.back();" class="lightbox" id="image-654ca386c98bd61d86411e73e8ee56c7">
 <img src="../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
@@ -276,10 +273,10 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
 <p>
 		
-<a href="#image-7d9e185a9cd3f58d0b4ccace56ed1cb5" class="lightbox-link">
+<a href="#image-d829e6d650db942a0dc007b279b54646" class="lightbox-link">
 <img src="../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7d9e185a9cd3f58d0b4ccace56ed1cb5">
+<a href="javascript:history.back();" class="lightbox" id="image-d829e6d650db942a0dc007b279b54646">
 <img src="../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
@@ -342,10 +339,9 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Let&rsquo;s face it: Writ'n rrrambl'n fer th' web be tiresome. WYSIWYG editors help alleviate this task, but they generally result 'n horr'ble code, or worse yet, ugly web planks.</p>
 <p><strong>Marrrkdown</strong> be a better way t' write <strong>HTML</strong>, without all th' complexities an' ugliness that usually accompanies it.</p>
 <p>Some o' th' key benefits be:</p>
@@ -862,10 +858,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-bc8bfc384fd378d4d6d86caa68ee5c35" class="lightbox-link">
+<a href="#image-ee5e6bfc05a149d49913d1a1500e1e3f" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-bc8bfc384fd378d4d6d86caa68ee5c35">
+<a href="javascript:history.back();" class="lightbox" id="image-ee5e6bfc05a149d49913d1a1500e1e3f">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -879,10 +875,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-2f5b6dbab083d9e33a617370121f4b7a" class="lightbox-link">
+<a href="#image-c864aaa6e857dc11c2e4f06ff4b51a5f" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2f5b6dbab083d9e33a617370121f4b7a">
+<a href="javascript:history.back();" class="lightbox" id="image-c864aaa6e857dc11c2e4f06ff4b51a5f">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -898,10 +894,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-311dfc0ca506d91bc4e9a5f00777b499" class="lightbox-link">
+<a href="#image-9c6a5e5e54b68c41a76dbc91550c5ddc" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-311dfc0ca506d91bc4e9a5f00777b499">
+<a href="javascript:history.back();" class="lightbox" id="image-9c6a5e5e54b68c41a76dbc91550c5ddc">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -917,10 +913,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-29806e9e16a2038d6630a8e02b2a4fbd" class="lightbox-link">
+<a href="#image-13d84d3519904f6f6812ef9d0823c3ce" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-29806e9e16a2038d6630a8e02b2a4fbd">
+<a href="javascript:history.back();" class="lightbox" id="image-13d84d3519904f6f6812ef9d0823c3ce">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -932,10 +928,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-7fe319f26633a09ed91f5ea66f681250" class="lightbox-link">
+<a href="#image-516b6c92e91ba8cbf36fa6d583b3a088" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7fe319f26633a09ed91f5ea66f681250">
+<a href="javascript:history.back();" class="lightbox" id="image-516b6c92e91ba8cbf36fa6d583b3a088">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -948,10 +944,10 @@ line 3 o' code
 <p>
 		
 		
-<a href="#image-8d8556d5055913118dcda032aa4ebcb2" class="lightbox-link">
+<a href="#image-6cc592fdb85092670efdcde7d5cd97f7" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8d8556d5055913118dcda032aa4ebcb2">
+<a href="javascript:history.back();" class="lightbox" id="image-6cc592fdb85092670efdcde7d5cd97f7">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -966,10 +962,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-1f72b4ada8823c6d55e9039bbcc73897" class="lightbox-link">
+<a href="#image-724e5ce46118c590f317de4b0f551c49" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1f72b4ada8823c6d55e9039bbcc73897">
+<a href="javascript:history.back();" class="lightbox" id="image-724e5ce46118c590f317de4b0f551c49">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -982,10 +978,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-be59ecb11a3bfb04b8216a90f731afde" class="lightbox-link">
+<a href="#image-e08e3a980760b97c31231bc78c617dc4" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-be59ecb11a3bfb04b8216a90f731afde">
+<a href="javascript:history.back();" class="lightbox" id="image-e08e3a980760b97c31231bc78c617dc4">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -998,10 +994,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-a2d1fa37eae18fe77fcbab1af71d4d7c" class="lightbox-link">
+<a href="#image-3c1de5fe08c1b1247104db8d8ee1234d" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a2d1fa37eae18fe77fcbab1af71d4d7c">
+<a href="javascript:history.back();" class="lightbox" id="image-3c1de5fe08c1b1247104db8d8ee1234d">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -1014,10 +1010,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-a686b1006aaa13b443ea9feb53af1ebf" class="lightbox-link">
+<a href="#image-437a8bc0994b55d33ee27e66a7d57a97" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a686b1006aaa13b443ea9feb53af1ebf">
+<a href="javascript:history.back();" class="lightbox" id="image-437a8bc0994b55d33ee27e66a7d57a97">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -1033,34 +1029,34 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-7f3176d70f8d2ff0fcae40b4db8b768b" class="lightbox-link">
+<a href="#image-415e57c3da621454967226ccdf6314d6" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7f3176d70f8d2ff0fcae40b4db8b768b">
+<a href="javascript:history.back();" class="lightbox" id="image-415e57c3da621454967226ccdf6314d6">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-8dfc51a3d10b16bc75200c14a52082ad" class="lightbox-link">
+<a href="#image-ae39db0cc5ec8001f7f4881c4d8a0b71" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8dfc51a3d10b16bc75200c14a52082ad">
+<a href="javascript:history.back();" class="lightbox" id="image-ae39db0cc5ec8001f7f4881c4d8a0b71">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-f5a78039d397799ed168be59c84f4d40" class="lightbox-link">
+<a href="#image-86a27ff6e4209c869b9a26285b107249" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f5a78039d397799ed168be59c84f4d40">
+<a href="javascript:history.back();" class="lightbox" id="image-86a27ff6e4209c869b9a26285b107249">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-d0d369a5cab51a6e7a27f73c0abbe75b" class="lightbox-link">
+<a href="#image-7d4884ef2e4d3afd9ee29547ce5681fa" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d0d369a5cab51a6e7a27f73c0abbe75b">
+<a href="javascript:history.back();" class="lightbox" id="image-7d4884ef2e4d3afd9ee29547ce5681fa">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -1073,10 +1069,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-479d83ae882fda352f3d251cb93db293" class="lightbox-link">
+<a href="#image-eb3432fe84144f464cb6c39a887800f5" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-479d83ae882fda352f3d251cb93db293">
+<a href="javascript:history.back();" class="lightbox" id="image-eb3432fe84144f464cb6c39a887800f5">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -1106,10 +1102,9 @@ line 3 o' code
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' Relearrrn theme uses <a href="https://gohugo.io/content-management/syntax-highlighting/" target="_blank">Hugo&rsquo;s built-in rules highlight'n</a> fer code.</p>
 <h2 id="markdown-syntax">Marrrkdown rules</h2>
 <p>Wrap th' code block wit' three backticks an' th' name o' th' language. Highlight will try t' auto detect th' language if one be not provided.</p>
@@ -1168,10 +1163,9 @@ line 3 o' code
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Ye can define additional menu entries or shortcuts 'n th' navigat'n menu without any link t' rrrambl'n.</p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <p>Edit th' website configurat'n <code>config.toml</code> an' add a <code>[[menu.shortcuts]]</code> entry fer each link yer want t' add.</p>
@@ -1293,10 +1287,9 @@ However, if ye want t' keep th' title but change its value, it can be overridden
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' Relearrrn theme be fully compat'ble wit' Cap'n Hugo multilingual mode.</p>
 <p>It provides:</p>
 <ul>
@@ -1307,10 +1300,10 @@ However, if ye want t' keep th' title but change its value, it can be overridden
 </ul>
 <p>
 		
-<a href="#image-f49f25ece68236bc3af2908616eff48e" class="lightbox-link">
+<a href="#image-2173ee10234e4c43153fa597b4283e1b" class="lightbox-link">
 <img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="shadow" style="height: auto; width: 300px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f49f25ece68236bc3af2908616eff48e">
+<a href="javascript:history.back();" class="lightbox" id="image-2173ee10234e4c43153fa597b4283e1b">
 <img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
@@ -1414,10 +1407,9 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' Relearrrn theme supports one default taxonomy o' Cap'n Hugo: th' <em>tag</em> feature.</p>
 <h2 id="configuration">Configurat'n</h2>
 <p>Just add tags t' any plank:</p>
@@ -1444,8 +1436,8 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
           </section>        </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../js/theme.js?1675789787" defer></script>
+    <script src="../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.xml b/pir/cont/index.xml
index a9b7601ada..0e73316775 100644
--- a/pir/cont/index.xml
+++ b/pir/cont/index.xml
@@ -11,7 +11,7 @@
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 In Cap&#39;n Hugo, planks be th&#39; core o&#39; yer ship. Once it be configured, planks be definitely th&#39; added value t&#39; yer documentat&#39;n ship.
 Folders Org&#39;nize yer ship like any other Cap&#39;n Hugo project. Typically, ye will have a rrrambl&#39;n folder wit&#39; all yer planks.</description>
     </item>
@@ -20,7 +20,7 @@ Folders Org&#39;nize yer ship like any other Cap&#39;n Hugo project. Typically,
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Us&#39;n th&#39; command: hugo new [relative new rrrambl&#39;n path], ye can start a rrrambl&#39;n file wit&#39; th&#39; date an&#39; title automatically set. While this be a welcome feature, active writers need more: archetypes. These be preconfigured skeleton planks wit&#39; default frontmatter.</description>
     </item>
     <item>
@@ -28,7 +28,7 @@ Us&#39;n th&#39; command: hugo new [relative new rrrambl&#39;n path], ye can sta
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Let&amp;rsquo;s face it: Writ&#39;n rrrambl&#39;n fer th&#39; web be tiresome. WYSIWYG editors help alleviate this task, but they generally result &#39;n horr&#39;ble code, or worse yet, ugly web planks.
 Marrrkdown be a better way t&#39; write HTML, without all th&#39; complexities an&#39; ugliness that usually accompanies it.</description>
     </item>
@@ -37,37 +37,35 @@ Marrrkdown be a better way t&#39; write HTML, without all th&#39; complexities a
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/cont/syntaxhighlight/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/cont/syntaxhighlight/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Th&#39; Relearrrn theme uses Hugo&amp;rsquo;s built-in rules highlight&#39;n fer code.
-Marrrkdown rules Wrap th&#39; code block wit&#39; three backticks an&#39; th&#39; name o&#39; th&#39; language. Highlight will try t&#39; auto detect th&#39; language if one be not provided.
-```json [ { &amp;#34;title&amp;#34;: &amp;#34;apples&amp;#34;, &amp;#34;count&amp;#34;: [12000, 20000], &amp;#34;description&amp;#34;: {&amp;#34;text&amp;#34;: &amp;#34;.</description>
+Marrrkdown rules Wrap th&#39; code block wit&#39; three backticks an&#39; th&#39; name o&#39; th&#39; language. Highlight will try t&#39; auto detect th&#39; language if one be not provided.</description>
     </item>
     <item>
       <title>Menu extrrra shorrrtcuts</title>
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Ye can define additional menu entries or shortcuts &#39;n th&#39; navigat&#39;n menu without any link t&#39; rrrambl&#39;n.
-Basic configurat&#39;n Edit th&#39; website configurat&#39;n config.toml an&#39; add a [[menu.shortcuts]] entry fer each link yer want t&#39; add.
-Example from th&#39; current website:</description>
+Basic configurat&#39;n Edit th&#39; website configurat&#39;n config.toml an&#39; add a [[menu.shortcuts]] entry fer each link yer want t&#39; add.</description>
     </item>
     <item>
       <title>Multilingual an&#39; i18n</title>
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Th&#39; Relearrrn theme be fully compat&#39;ble wit&#39; Cap&#39;n Hugo multilingual mode.
 It provides:
-Translat&#39;n str&#39;ns fer default values (English, Arabic, Simplified Chinese, Traditional Chinese, Czech, Dutch, Finnish French, German, Hindi, Indonesian, Italian, Japanese, Korean, Polish, Portuguese, Russian, Spanish, Turkish, Vietnamese). Feel free t&#39; contribute!</description>
+Translat&#39;n str&#39;ns fer default values (English, Arabic, Simplified Chinese, Traditional Chinese, Czech, Dutch, Finnish French, German, Hindi, Indonesian, Italian, Japanese, Korean, Polish, Portuguese, Russian, Spanish, Turkish, Vietnamese).</description>
     </item>
     <item>
       <title>Tags</title>
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/cont/tags/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/cont/tags/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Th&#39; Relearrrn theme supports one default taxonomy o&#39; Cap&#39;n Hugo: th&#39; tag feature.
 Configurat&#39;n Just add tags t&#39; any plank:
 +++ tags = [&amp;#34;tutorial&amp;#34;, &amp;#34;theme&amp;#34;] title = &amp;#34;Theme tutorial&amp;#34; weight = 15 +++ Behavior Th&#39; tags be displayed at th&#39; top o&#39; th&#39; plank, &#39;n their insert&#39;n order.</description>
diff --git a/pir/cont/markdown/index.html b/pir/cont/markdown/index.html
index a1220592b2..d6e4ce8361 100644
--- a/pir/cont/markdown/index.html
+++ b/pir/cont/markdown/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,12 +76,70 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/cont/index.html"><span itemprop="name">Rambl&#39;n</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Marrrkdown rules</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#paragraphs">Paragraphs</a></li>
+    <li><a href="#headings">Head'ns</a></li>
+    <li><a href="#horizontal-rules">Horizontal Rules</a></li>
+    <li><a href="#text-markers">Text Markers</a>
+      <ul>
+        <li><a href="#bold">Bold</a></li>
+        <li><a href="#italics">Italics</a></li>
+        <li><a href="#strikethrough">Strikethrough</a></li>
+      </ul>
+    </li>
+    <li><a href="#text-substitution">Text substitut'n</a></li>
+    <li><a href="#lists">Lists</a>
+      <ul>
+        <li><a href="#unordered">Unordered</a></li>
+        <li><a href="#ordered">Ordered</a></li>
+        <li><a href="#tasks">Tasks</a></li>
+        <li><a href="#defintions">Defint'ns</a></li>
+      </ul>
+    </li>
+    <li><a href="#code">Code</a>
+      <ul>
+        <li><a href="#inline-code">Inline Code</a></li>
+        <li><a href="#indented-code-block">Indented Code Block</a></li>
+        <li><a href="#fenced-code-block">Fenced Code Block</a></li>
+      </ul>
+    </li>
+    <li><a href="#tables">Tables</a>
+      <ul>
+        <li><a href="#aligned-columns">Aligned Columns</a></li>
+      </ul>
+    </li>
+    <li><a href="#blockquotes">Blockquotes</a></li>
+    <li><a href="#links">Links</a>
+      <ul>
+        <li><a href="#autolink">Autolink</a></li>
+        <li><a href="#basic-link">Basic Link</a></li>
+        <li><a href="#link-with-tooltip">Link wit' Tooltip</a></li>
+        <li><a href="#link-references">Link References</a></li>
+        <li><a href="#footnotes">Footnotes</a></li>
+      </ul>
+    </li>
+    <li><a href="#images">Images</a>
+      <ul>
+        <li><a href="#basic-images">Basic Images</a></li>
+        <li><a href="#image-with-tooltip">Image wit' Tooltip</a></li>
+        <li><a href="#image-references">Image References</a></li>
+        <li><a href="#further-image-formatting">Further Image Formatt'n</a></li>
+      </ul>
+    </li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -95,10 +153,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Let&rsquo;s face it: Writ'n rrrambl'n fer th' web be tiresome. WYSIWYG editors help alleviate this task, but they generally result 'n horr'ble code, or worse yet, ugly web planks.</p>
 <p><strong>Marrrkdown</strong> be a better way t' write <strong>HTML</strong>, without all th' complexities an' ugliness that usually accompanies it.</p>
 <p>Some o' th' key benefits be:</p>
@@ -615,10 +672,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-bc8bfc384fd378d4d6d86caa68ee5c35" class="lightbox-link">
+<a href="#image-ee5e6bfc05a149d49913d1a1500e1e3f" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-bc8bfc384fd378d4d6d86caa68ee5c35">
+<a href="javascript:history.back();" class="lightbox" id="image-ee5e6bfc05a149d49913d1a1500e1e3f">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -632,10 +689,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-2f5b6dbab083d9e33a617370121f4b7a" class="lightbox-link">
+<a href="#image-c864aaa6e857dc11c2e4f06ff4b51a5f" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2f5b6dbab083d9e33a617370121f4b7a">
+<a href="javascript:history.back();" class="lightbox" id="image-c864aaa6e857dc11c2e4f06ff4b51a5f">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -651,10 +708,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-311dfc0ca506d91bc4e9a5f00777b499" class="lightbox-link">
+<a href="#image-9c6a5e5e54b68c41a76dbc91550c5ddc" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-311dfc0ca506d91bc4e9a5f00777b499">
+<a href="javascript:history.back();" class="lightbox" id="image-9c6a5e5e54b68c41a76dbc91550c5ddc">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -670,10 +727,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-29806e9e16a2038d6630a8e02b2a4fbd" class="lightbox-link">
+<a href="#image-13d84d3519904f6f6812ef9d0823c3ce" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-29806e9e16a2038d6630a8e02b2a4fbd">
+<a href="javascript:history.back();" class="lightbox" id="image-13d84d3519904f6f6812ef9d0823c3ce">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -685,10 +742,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-7fe319f26633a09ed91f5ea66f681250" class="lightbox-link">
+<a href="#image-516b6c92e91ba8cbf36fa6d583b3a088" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7fe319f26633a09ed91f5ea66f681250">
+<a href="javascript:history.back();" class="lightbox" id="image-516b6c92e91ba8cbf36fa6d583b3a088">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -701,10 +758,10 @@ line 3 o' code
 <p>
 		
 		
-<a href="#image-8d8556d5055913118dcda032aa4ebcb2" class="lightbox-link">
+<a href="#image-6cc592fdb85092670efdcde7d5cd97f7" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8d8556d5055913118dcda032aa4ebcb2">
+<a href="javascript:history.back();" class="lightbox" id="image-6cc592fdb85092670efdcde7d5cd97f7">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -719,10 +776,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-1f72b4ada8823c6d55e9039bbcc73897" class="lightbox-link">
+<a href="#image-724e5ce46118c590f317de4b0f551c49" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1f72b4ada8823c6d55e9039bbcc73897">
+<a href="javascript:history.back();" class="lightbox" id="image-724e5ce46118c590f317de4b0f551c49">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -735,10 +792,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-be59ecb11a3bfb04b8216a90f731afde" class="lightbox-link">
+<a href="#image-e08e3a980760b97c31231bc78c617dc4" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-be59ecb11a3bfb04b8216a90f731afde">
+<a href="javascript:history.back();" class="lightbox" id="image-e08e3a980760b97c31231bc78c617dc4">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -751,10 +808,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-a2d1fa37eae18fe77fcbab1af71d4d7c" class="lightbox-link">
+<a href="#image-3c1de5fe08c1b1247104db8d8ee1234d" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a2d1fa37eae18fe77fcbab1af71d4d7c">
+<a href="javascript:history.back();" class="lightbox" id="image-3c1de5fe08c1b1247104db8d8ee1234d">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -767,10 +824,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-a686b1006aaa13b443ea9feb53af1ebf" class="lightbox-link">
+<a href="#image-437a8bc0994b55d33ee27e66a7d57a97" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a686b1006aaa13b443ea9feb53af1ebf">
+<a href="javascript:history.back();" class="lightbox" id="image-437a8bc0994b55d33ee27e66a7d57a97">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -786,34 +843,34 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-7f3176d70f8d2ff0fcae40b4db8b768b" class="lightbox-link">
+<a href="#image-415e57c3da621454967226ccdf6314d6" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7f3176d70f8d2ff0fcae40b4db8b768b">
+<a href="javascript:history.back();" class="lightbox" id="image-415e57c3da621454967226ccdf6314d6">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-8dfc51a3d10b16bc75200c14a52082ad" class="lightbox-link">
+<a href="#image-ae39db0cc5ec8001f7f4881c4d8a0b71" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8dfc51a3d10b16bc75200c14a52082ad">
+<a href="javascript:history.back();" class="lightbox" id="image-ae39db0cc5ec8001f7f4881c4d8a0b71">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-f5a78039d397799ed168be59c84f4d40" class="lightbox-link">
+<a href="#image-86a27ff6e4209c869b9a26285b107249" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f5a78039d397799ed168be59c84f4d40">
+<a href="javascript:history.back();" class="lightbox" id="image-86a27ff6e4209c869b9a26285b107249">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-d0d369a5cab51a6e7a27f73c0abbe75b" class="lightbox-link">
+<a href="#image-7d4884ef2e4d3afd9ee29547ce5681fa" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d0d369a5cab51a6e7a27f73c0abbe75b">
+<a href="javascript:history.back();" class="lightbox" id="image-7d4884ef2e4d3afd9ee29547ce5681fa">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -826,10 +883,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-479d83ae882fda352f3d251cb93db293" class="lightbox-link">
+<a href="#image-eb3432fe84144f464cb6c39a887800f5" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-479d83ae882fda352f3d251cb93db293">
+<a href="javascript:history.back();" class="lightbox" id="image-eb3432fe84144f464cb6c39a887800f5">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -926,12 +983,12 @@ line 3 o' code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789785" defer></script>
-        <script src="../../../js/search.js?1675789785" defer></script>
+        <script src="../../../js/auto-complete.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891450" defer></script>
+        <script src="../../../js/search.js?1675891450" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -1048,12 +1105,12 @@ line 3 o' code
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789785"></script>
+          <script async src="../../../js/buttons.js?1675891450"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789785" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789785" defer></script>
-    <script src="../../../js/theme.js?1675789785" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891450" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891450" defer></script>
+    <script src="../../../js/theme.js?1675891450" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.print.html b/pir/cont/markdown/index.print.html
index c12c2ff359..24aa145007 100644
--- a/pir/cont/markdown/index.print.html
+++ b/pir/cont/markdown/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,10 +80,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Let&rsquo;s face it: Writ'n rrrambl'n fer th' web be tiresome. WYSIWYG editors help alleviate this task, but they generally result 'n horr'ble code, or worse yet, ugly web planks.</p>
 <p><strong>Marrrkdown</strong> be a better way t' write <strong>HTML</strong>, without all th' complexities an' ugliness that usually accompanies it.</p>
 <p>Some o' th' key benefits be:</p>
@@ -600,10 +599,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-bc8bfc384fd378d4d6d86caa68ee5c35" class="lightbox-link">
+<a href="#image-ee5e6bfc05a149d49913d1a1500e1e3f" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-bc8bfc384fd378d4d6d86caa68ee5c35">
+<a href="javascript:history.back();" class="lightbox" id="image-ee5e6bfc05a149d49913d1a1500e1e3f">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -617,10 +616,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-2f5b6dbab083d9e33a617370121f4b7a" class="lightbox-link">
+<a href="#image-c864aaa6e857dc11c2e4f06ff4b51a5f" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2f5b6dbab083d9e33a617370121f4b7a">
+<a href="javascript:history.back();" class="lightbox" id="image-c864aaa6e857dc11c2e4f06ff4b51a5f">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -636,10 +635,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-311dfc0ca506d91bc4e9a5f00777b499" class="lightbox-link">
+<a href="#image-9c6a5e5e54b68c41a76dbc91550c5ddc" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-311dfc0ca506d91bc4e9a5f00777b499">
+<a href="javascript:history.back();" class="lightbox" id="image-9c6a5e5e54b68c41a76dbc91550c5ddc">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -655,10 +654,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-29806e9e16a2038d6630a8e02b2a4fbd" class="lightbox-link">
+<a href="#image-13d84d3519904f6f6812ef9d0823c3ce" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-29806e9e16a2038d6630a8e02b2a4fbd">
+<a href="javascript:history.back();" class="lightbox" id="image-13d84d3519904f6f6812ef9d0823c3ce">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -670,10 +669,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-7fe319f26633a09ed91f5ea66f681250" class="lightbox-link">
+<a href="#image-516b6c92e91ba8cbf36fa6d583b3a088" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7fe319f26633a09ed91f5ea66f681250">
+<a href="javascript:history.back();" class="lightbox" id="image-516b6c92e91ba8cbf36fa6d583b3a088">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -686,10 +685,10 @@ line 3 o' code
 <p>
 		
 		
-<a href="#image-8d8556d5055913118dcda032aa4ebcb2" class="lightbox-link">
+<a href="#image-6cc592fdb85092670efdcde7d5cd97f7" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8d8556d5055913118dcda032aa4ebcb2">
+<a href="javascript:history.back();" class="lightbox" id="image-6cc592fdb85092670efdcde7d5cd97f7">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -704,10 +703,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-1f72b4ada8823c6d55e9039bbcc73897" class="lightbox-link">
+<a href="#image-724e5ce46118c590f317de4b0f551c49" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1f72b4ada8823c6d55e9039bbcc73897">
+<a href="javascript:history.back();" class="lightbox" id="image-724e5ce46118c590f317de4b0f551c49">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -720,10 +719,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-be59ecb11a3bfb04b8216a90f731afde" class="lightbox-link">
+<a href="#image-e08e3a980760b97c31231bc78c617dc4" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-be59ecb11a3bfb04b8216a90f731afde">
+<a href="javascript:history.back();" class="lightbox" id="image-e08e3a980760b97c31231bc78c617dc4">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -736,10 +735,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-a2d1fa37eae18fe77fcbab1af71d4d7c" class="lightbox-link">
+<a href="#image-3c1de5fe08c1b1247104db8d8ee1234d" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a2d1fa37eae18fe77fcbab1af71d4d7c">
+<a href="javascript:history.back();" class="lightbox" id="image-3c1de5fe08c1b1247104db8d8ee1234d">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -752,10 +751,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-a686b1006aaa13b443ea9feb53af1ebf" class="lightbox-link">
+<a href="#image-437a8bc0994b55d33ee27e66a7d57a97" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a686b1006aaa13b443ea9feb53af1ebf">
+<a href="javascript:history.back();" class="lightbox" id="image-437a8bc0994b55d33ee27e66a7d57a97">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -771,34 +770,34 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-7f3176d70f8d2ff0fcae40b4db8b768b" class="lightbox-link">
+<a href="#image-415e57c3da621454967226ccdf6314d6" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7f3176d70f8d2ff0fcae40b4db8b768b">
+<a href="javascript:history.back();" class="lightbox" id="image-415e57c3da621454967226ccdf6314d6">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-8dfc51a3d10b16bc75200c14a52082ad" class="lightbox-link">
+<a href="#image-ae39db0cc5ec8001f7f4881c4d8a0b71" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8dfc51a3d10b16bc75200c14a52082ad">
+<a href="javascript:history.back();" class="lightbox" id="image-ae39db0cc5ec8001f7f4881c4d8a0b71">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-f5a78039d397799ed168be59c84f4d40" class="lightbox-link">
+<a href="#image-86a27ff6e4209c869b9a26285b107249" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f5a78039d397799ed168be59c84f4d40">
+<a href="javascript:history.back();" class="lightbox" id="image-86a27ff6e4209c869b9a26285b107249">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-d0d369a5cab51a6e7a27f73c0abbe75b" class="lightbox-link">
+<a href="#image-7d4884ef2e4d3afd9ee29547ce5681fa" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d0d369a5cab51a6e7a27f73c0abbe75b">
+<a href="javascript:history.back();" class="lightbox" id="image-7d4884ef2e4d3afd9ee29547ce5681fa">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -811,10 +810,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-479d83ae882fda352f3d251cb93db293" class="lightbox-link">
+<a href="#image-eb3432fe84144f464cb6c39a887800f5" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-479d83ae882fda352f3d251cb93db293">
+<a href="javascript:history.back();" class="lightbox" id="image-eb3432fe84144f464cb6c39a887800f5">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -839,8 +838,8 @@ line 3 o' code
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.html b/pir/cont/menushortcuts/index.html
index 8937762123..48d1db3225 100644
--- a/pir/cont/menushortcuts/index.html
+++ b/pir/cont/menushortcuts/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,12 +76,23 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/cont/index.html"><span itemprop="name">Rambl&#39;n</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Menu extrrra shorrrtcuts</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#basic-configuration">Basic configurat'n</a></li>
+    <li><a href="#i18n">Configurat'n fer Multilingual mode</a></li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -95,10 +106,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Ye can define additional menu entries or shortcuts 'n th' navigat'n menu without any link t' rrrambl'n.</p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <p>Edit th' website configurat'n <code>config.toml</code> an' add a <code>[[menu.shortcuts]]</code> entry fer each link yer want t' add.</p>
@@ -287,12 +297,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?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789785" defer></script>
-        <script src="../../../js/search.js?1675789785" defer></script>
+        <script src="../../../js/auto-complete.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891450" defer></script>
+        <script src="../../../js/search.js?1675891450" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -409,12 +419,12 @@ However, if ye want t' keep th' title but change its value, it can be overridden
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789785"></script>
+          <script async src="../../../js/buttons.js?1675891450"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789785" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789785" defer></script>
-    <script src="../../../js/theme.js?1675789785" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891450" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891450" defer></script>
+    <script src="../../../js/theme.js?1675891450" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.print.html b/pir/cont/menushortcuts/index.print.html
index 280faa886b..11258c5dac 100644
--- a/pir/cont/menushortcuts/index.print.html
+++ b/pir/cont/menushortcuts/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,10 +80,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Ye can define additional menu entries or shortcuts 'n th' navigat'n menu without any link t' rrrambl'n.</p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <p>Edit th' website configurat'n <code>config.toml</code> an' add a <code>[[menu.shortcuts]]</code> entry fer each link yer want t' add.</p>
@@ -200,8 +199,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?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.html b/pir/cont/pages/index.html
index 5b20f5d9b4..356693e829 100644
--- a/pir/cont/pages/index.html
+++ b/pir/cont/pages/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,12 +76,31 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/cont/index.html"><span itemprop="name">Rambl&#39;n</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Planks orrrganizat&#39;n</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#folders">Folders</a></li>
+    <li><a href="#create-your-project">Create yer project</a></li>
+    <li><a href="#frontmatter-configuration">Frontmatter Configurat'n</a>
+      <ul>
+        <li><a href="#add-icon-to-a-menu-entry">Add ay'con t' a menu entry</a></li>
+        <li><a href="#ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</a></li>
+        <li><a href="#using-a-custom-title-for-menu-entries">Us'n a custom title fer menu entries</a></li>
+        <li><a href="#override-expand-state-rules-for-menu-entries">Override expand state rules fer menu entries</a></li>
+      </ul>
+    </li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -95,10 +114,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>In <strong>Cap'n Hugo</strong>, planks be th' core o' yer ship. Once it be configured, planks be definitely th' added value t' yer documentat'n ship.</p>
 <h2 id="folders">Folders</h2>
 <p>Org'nize yer ship like <a href="https://gohugo.io/content/organization/" target="_blank">any other Cap'n Hugo project</a>. Typically, ye will have a <em>rrrambl'n</em> folder wit' all yer planks.</p>
@@ -173,10 +191,10 @@
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span></code></pre></div><p>
 		
-<a href="#image-aa494f9149508c2eb6cfe6589730d551" class="lightbox-link">
+<a href="#image-4bcac2c73ada46ed13c40bffab47325a" class="lightbox-link">
 <img src="../../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title wit' icon" class="shadow" style="height: auto; width: 300px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-aa494f9149508c2eb6cfe6589730d551">
+<a href="javascript:history.back();" class="lightbox" id="image-4bcac2c73ada46ed13c40bffab47325a">
 <img src="../../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title wit' icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
@@ -287,12 +305,12 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../js/search.js?1675789786" defer></script>
+        <script src="../../../js/auto-complete.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891452" defer></script>
+        <script src="../../../js/search.js?1675891452" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -409,12 +427,12 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../js/buttons.js?1675891452"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891452" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891452" defer></script>
+    <script src="../../../js/theme.js?1675891452" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.print.html b/pir/cont/pages/index.print.html
index c489517e52..1cde8ecd20 100644
--- a/pir/cont/pages/index.print.html
+++ b/pir/cont/pages/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,10 +80,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>In <strong>Cap'n Hugo</strong>, planks be th' core o' yer ship. Once it be configured, planks be definitely th' added value t' yer documentat'n ship.</p>
 <h2 id="folders">Folders</h2>
 <p>Org'nize yer ship like <a href="https://gohugo.io/content/organization/" target="_blank">any other Cap'n Hugo project</a>. Typically, ye will have a <em>rrrambl'n</em> folder wit' all yer planks.</p>
@@ -158,10 +157,10 @@
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span></code></pre></div><p>
 		
-<a href="#image-aa494f9149508c2eb6cfe6589730d551" class="lightbox-link">
+<a href="#image-4bcac2c73ada46ed13c40bffab47325a" class="lightbox-link">
 <img src="../../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title wit' icon" class="shadow" style="height: auto; width: 300px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-aa494f9149508c2eb6cfe6589730d551">
+<a href="javascript:history.back();" class="lightbox" id="image-4bcac2c73ada46ed13c40bffab47325a">
 <img src="../../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title wit' icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
@@ -200,8 +199,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/cont/syntaxhighlight/index.html b/pir/cont/syntaxhighlight/index.html
index 5ab0c4db1d..4ff8020f19 100644
--- a/pir/cont/syntaxhighlight/index.html
+++ b/pir/cont/syntaxhighlight/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/syntaxhighlight/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/syntaxhighlight/index.xml" rel="alternate" type="application/rss+xml" title="Code highlight&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/syntaxhighlight/index.print.html" rel="alternate" type="text/html" title="Code highlight&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,12 +76,24 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/cont/index.html"><span itemprop="name">Rambl&#39;n</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Code highlight&#39;n</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#markdown-syntax">Marrrkdown rules</a></li>
+    <li><a href="#supported-languages">Supported languages</a></li>
+    <li><a href="#recommended-configuration">Recommended configurat'n</a></li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -95,10 +107,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' Relearrrn theme uses <a href="https://gohugo.io/content-management/syntax-highlighting/" target="_blank">Hugo&rsquo;s built-in rules highlight'n</a> fer code.</p>
 <h2 id="markdown-syntax">Marrrkdown rules</h2>
 <p>Wrap th' code block wit' three backticks an' th' name o' th' language. Highlight will try t' auto detect th' language if one be not provided.</p>
@@ -224,12 +235,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789785" defer></script>
-        <script src="../../../js/search.js?1675789785" defer></script>
+        <script src="../../../js/auto-complete.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891450" defer></script>
+        <script src="../../../js/search.js?1675891450" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -346,12 +357,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789785"></script>
+          <script async src="../../../js/buttons.js?1675891450"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789785" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789785" defer></script>
-    <script src="../../../js/theme.js?1675789785" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891450" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891450" defer></script>
+    <script src="../../../js/theme.js?1675891450" defer></script>
   </body>
 </html>
diff --git a/pir/cont/syntaxhighlight/index.print.html b/pir/cont/syntaxhighlight/index.print.html
index 7dae67ed40..827db7230a 100644
--- a/pir/cont/syntaxhighlight/index.print.html
+++ b/pir/cont/syntaxhighlight/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/syntaxhighlight/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/syntaxhighlight/index.html" rel="canonical" type="text/html" title="Code highlight&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/syntaxhighlight/index.xml" rel="alternate" type="application/rss+xml" title="Code highlight&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,10 +80,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' Relearrrn theme uses <a href="https://gohugo.io/content-management/syntax-highlighting/" target="_blank">Hugo&rsquo;s built-in rules highlight'n</a> fer code.</p>
 <h2 id="markdown-syntax">Marrrkdown rules</h2>
 <p>Wrap th' code block wit' three backticks an' th' name o' th' language. Highlight will try t' auto detect th' language if one be not provided.</p>
@@ -137,8 +136,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/cont/tags/index.html b/pir/cont/tags/index.html
index 8bbed7b6bf..35fcf6ea3e 100644
--- a/pir/cont/tags/index.html
+++ b/pir/cont/tags/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/tags/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/tags/index.xml" rel="alternate" type="application/rss+xml" title="Tags :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/tags/index.print.html" rel="alternate" type="text/html" title="Tags :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,12 +76,24 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/cont/index.html"><span itemprop="name">Rambl&#39;n</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tags</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#configuration">Configurat'n</a></li>
+    <li><a href="#behavior">Behavior</a></li>
+    <li><a href="#list-all-the-tags">List all th' tags</a></li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -99,10 +111,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' Relearrrn theme supports one default taxonomy o' Cap'n Hugo: th' <em>tag</em> feature.</p>
 <h2 id="configuration">Configurat'n</h2>
 <p>Just add tags t' any plank:</p>
@@ -200,12 +211,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789785" defer></script>
-        <script src="../../../js/search.js?1675789785" defer></script>
+        <script src="../../../js/auto-complete.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891450" defer></script>
+        <script src="../../../js/search.js?1675891450" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -322,12 +333,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789785"></script>
+          <script async src="../../../js/buttons.js?1675891450"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789785" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789785" defer></script>
-    <script src="../../../js/theme.js?1675789785" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891450" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891450" defer></script>
+    <script src="../../../js/theme.js?1675891450" defer></script>
   </body>
 </html>
diff --git a/pir/cont/tags/index.print.html b/pir/cont/tags/index.print.html
index ce7214692a..5bfa7f8efc 100644
--- a/pir/cont/tags/index.print.html
+++ b/pir/cont/tags/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/tags/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/tags/index.html" rel="canonical" type="text/html" title="Tags :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/tags/index.xml" rel="alternate" type="application/rss+xml" title="Tags :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -84,10 +84,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' Relearrrn theme supports one default taxonomy o' Cap'n Hugo: th' <em>tag</em> feature.</p>
 <h2 id="configuration">Configurat'n</h2>
 <p>Just add tags t' any plank:</p>
@@ -113,8 +112,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/dev/contributing/index.html b/pir/dev/contributing/index.html
index 20a677a476..469a796fca 100644
--- a/pir/dev/contributing/index.html
+++ b/pir/dev/contributing/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,12 +75,23 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/dev/index.html"><span itemprop="name">Development</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Contributing</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#code-quality">Code Quality</a></li>
+    <li><a href="#conventional-commits">Conventional Commits</a></li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -94,10 +105,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <h2 id="code-quality">Code Quality</h2>
 <p>A new release can happen at any time from th' <code>main</code> branch o' th' <a href="https://github.com/McShelby/hugo-theme-relearn" target="_blank">GitHub project</a> without further accknowledgment. This makes it necessary that, every pushed set o' changesets into th' <code>main</code> branch <strong>must</strong> be self-contained an' correct, result'n 'n a releas'ble version.</p>
 <p>Stay simple fer th' user by focus'n on th' mantra &ldquo;convent'n over configuration&rdquo;.</p>
@@ -295,12 +305,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../js/search.js?1675789786" defer></script>
+        <script src="../../../js/auto-complete.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891452" defer></script>
+        <script src="../../../js/search.js?1675891452" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -421,12 +431,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../js/buttons.js?1675891452"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891452" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891452" defer></script>
+    <script src="../../../js/theme.js?1675891452" defer></script>
   </body>
 </html>
diff --git a/pir/dev/contributing/index.print.html b/pir/dev/contributing/index.print.html
index 393ea9463a..d4b9467dc7 100644
--- a/pir/dev/contributing/index.print.html
+++ b/pir/dev/contributing/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,10 +79,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <h2 id="code-quality">Code Quality</h2>
 <p>A new release can happen at any time from th' <code>main</code> branch o' th' <a href="https://github.com/McShelby/hugo-theme-relearn" target="_blank">GitHub project</a> without further accknowledgment. This makes it necessary that, every pushed set o' changesets into th' <code>main</code> branch <strong>must</strong> be self-contained an' correct, result'n 'n a releas'ble version.</p>
 <p>Stay simple fer th' user by focus'n on th' mantra &ldquo;convent'n over configuration&rdquo;.</p>
@@ -208,8 +207,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/dev/index.html b/pir/dev/index.html
index 8ba7e6e718..3e1da57d13 100644
--- a/pir/dev/index.html
+++ b/pir/dev/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,11 +75,17 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Development</span><meta itemprop="position" content="2"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable chapter narrow" tabindex="-1">
@@ -94,10 +100,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This chapter contains informat'n only needed fer development an' maintain'n th' theme.</p>
 
 <div class="children children-h2 children-sort-">
@@ -186,12 +191,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../js/search.js?1675789786" defer></script>
+        <script src="../../js/auto-complete.js?1675891452" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891452" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891452" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891452" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891452" defer></script>
+        <script src="../../js/search.js?1675891452" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -312,12 +317,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789786"></script>
+          <script async src="../../js/buttons.js?1675891452"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../js/theme.js?1675789786" defer></script>
+    <script src="../../js/clipboard.min.js?1675891452" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891452" defer></script>
+    <script src="../../js/theme.js?1675891452" defer></script>
   </body>
 </html>
diff --git a/pir/dev/index.print.html b/pir/dev/index.print.html
index a73c3a0167..87bfb2abc6 100644
--- a/pir/dev/index.print.html
+++ b/pir/dev/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../js/url.js?1675789787"></script>
-    <script src="../../js/variant.js?1675789787"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../js/url.js?1675891453"></script>
+    <script src="../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,10 +79,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This chapter contains informat'n only needed fer development an' maintain'n th' theme.</p>
 
 <div class="children children-h2 children-sort-">
@@ -106,10 +105,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <h2 id="code-quality">Code Quality</h2>
 <p>A new release can happen at any time from th' <code>main</code> branch o' th' <a href="https://github.com/McShelby/hugo-theme-relearn" target="_blank">GitHub project</a> without further accknowledgment. This makes it necessary that, every pushed set o' changesets into th' <code>main</code> branch <strong>must</strong> be self-contained an' correct, result'n 'n a releas'ble version.</p>
 <p>Stay simple fer th' user by focus'n on th' mantra &ldquo;convent'n over configuration&rdquo;.</p>
@@ -240,10 +238,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <h2 id="semver">Semver</h2>
 <p>This project tries t' follow th' <a href="https://semver.org/" target="_blank">semver policy</a> - although not followed 100% 'n th' past.</p>
 <p>Usually an entry o' <span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Break'n</span></span> on th' <a href="../../basics/migration/">What&rsquo;s new</a> plank causes a new major release number.</p>
@@ -442,10 +439,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Sometimes screenshots need t' be redone. This plank explains how t' create th' different screenshots, tools an' sett'ns</p>
 <h2 id="common">Common</h2>
 <p><strong>Creat'n</strong>:</p>
@@ -480,10 +476,10 @@
 <p>
 		
 		
-<a href="#image-6f1d18271520c1d8305ab2e2e5b725a9" class="lightbox-link">
+<a href="#image-8bbdbbb73f70fe09890ac016f1c6233b" class="lightbox-link">
 <img src="../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6f1d18271520c1d8305ab2e2e5b725a9">
+<a href="javascript:history.back();" class="lightbox" id="image-8bbdbbb73f70fe09890ac016f1c6233b">
 <img src="../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="hero-image">Hero Image</h2>
@@ -517,20 +513,20 @@
 <p>
 		
 		
-<a href="#image-a7ae17d518d3979380b6003739abcd3e" class="lightbox-link">
+<a href="#image-fc5513bbe3de03473dfb0786b17e6b3b" class="lightbox-link">
 <img src="../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a7ae17d518d3979380b6003739abcd3e">
+<a href="javascript:history.back();" class="lightbox" id="image-fc5513bbe3de03473dfb0786b17e6b3b">
 <img src="../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
 <p>
 		
 		
-<a href="#image-2690bb19598ffb9775313710582cdf71" class="lightbox-link">
+<a href="#image-a7cac86b366abff22962bfa0750977b7" class="lightbox-link">
 <img src="../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2690bb19598ffb9775313710582cdf71">
+<a href="javascript:history.back();" class="lightbox" id="image-a7cac86b366abff22962bfa0750977b7">
 <img src="../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -542,8 +538,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../js/theme.js?1675789787" defer></script>
+    <script src="../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/dev/index.xml b/pir/dev/index.xml
index b727860fce..ebad010e5d 100644
--- a/pir/dev/index.xml
+++ b/pir/dev/index.xml
@@ -11,7 +11,7 @@
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Code Quality A new release can happen at any time from th&#39; main branch o&#39; th&#39; GitHub project without further accknowledgment. This makes it necessary that, every pushed set o&#39; changesets into th&#39; main branch must be self-contained an&#39; correct, result&#39;n &#39;n a releas&#39;ble version.</description>
     </item>
     <item>
@@ -19,7 +19,7 @@ Code Quality A new release can happen at any time from th&#39; main branch o&#39
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Semver This project tries t&#39; follow th&#39; semver policy - although not followed 100% &#39;n th&#39; past.
 Usually an entry o&#39; Break&#39;n on th&#39; What&amp;rsquo;s new plank causes a new major release number.
 All other entries on th&#39; What&amp;rsquo;s new plank will increase th&#39; minor release number.</description>
@@ -29,7 +29,7 @@ All other entries on th&#39; What&amp;rsquo;s new plank will increase th&#39; mi
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Sometimes screenshots need t&#39; be redone. This plank explains how t&#39; create th&#39; different screenshots, tools an&#39; sett&#39;ns
 Common Creat&#39;n:
 Use English translat&#39;n Empty search Remove history checkmarks but leave it on th&#39; plank thats used fer th&#39; screenshot Aft resize o&#39; th&#39; plank into th&#39; required resolut&#39;n, reload th&#39; plank t&#39; have all scrollbars &#39;n default load&#39;n posit&#39;n Demo Screenshot Rrrambl&#39;n:</description>
diff --git a/pir/dev/maintaining/index.html b/pir/dev/maintaining/index.html
index cd542b3121..45300959c1 100644
--- a/pir/dev/maintaining/index.html
+++ b/pir/dev/maintaining/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,12 +75,34 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/dev/index.html"><span itemprop="name">Development</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Maintaining</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#semver">Semver</a></li>
+    <li><a href="#managing-issues">Manag'n Issues</a></li>
+    <li><a href="#managing-pull-requests">Manag'n Pull Requests</a></li>
+    <li><a href="#labels">Labels</a>
+      <ul>
+        <li><a href="#kind">Kind</a></li>
+        <li><a href="#impact">Impact</a></li>
+        <li><a href="#declination">Declinat'n</a></li>
+        <li><a href="#halt">Halt</a></li>
+        <li><a href="#3rd-party">3rd-Party</a></li>
+      </ul>
+    </li>
+    <li><a href="#making-releases">Mak'n Releases</a></li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -94,10 +116,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <h2 id="semver">Semver</h2>
 <p>This project tries t' follow th' <a href="https://semver.org/" target="_blank">semver policy</a> - although not followed 100% 'n th' past.</p>
 <p>Usually an entry o' <span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Break'n</span></span> on th' <a href="../../../basics/migration/">What&rsquo;s new</a> plank causes a new major release number.</p>
@@ -363,12 +384,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../js/search.js?1675789786" defer></script>
+        <script src="../../../js/auto-complete.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891452" defer></script>
+        <script src="../../../js/search.js?1675891452" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -489,12 +510,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../js/buttons.js?1675891452"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891452" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891452" defer></script>
+    <script src="../../../js/theme.js?1675891452" defer></script>
   </body>
 </html>
diff --git a/pir/dev/maintaining/index.print.html b/pir/dev/maintaining/index.print.html
index c864ba7c91..e225d08603 100644
--- a/pir/dev/maintaining/index.print.html
+++ b/pir/dev/maintaining/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,10 +79,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <h2 id="semver">Semver</h2>
 <p>This project tries t' follow th' <a href="https://semver.org/" target="_blank">semver policy</a> - although not followed 100% 'n th' past.</p>
 <p>Usually an entry o' <span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Break'n</span></span> on th' <a href="../../../basics/migration/">What&rsquo;s new</a> plank causes a new major release number.</p>
@@ -276,8 +275,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/dev/screenshots/index.html b/pir/dev/screenshots/index.html
index e10bf873bb..5062d61eff 100644
--- a/pir/dev/screenshots/index.html
+++ b/pir/dev/screenshots/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,12 +75,33 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/dev/index.html"><span itemprop="name">Development</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Scrrrenshots</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#common">Common</a></li>
+    <li><a href="#demo-screenshot">Demo Screenshot</a>
+      <ul>
+        <li><a href="#preview-imagesscreenshotpng">Preview <code>images/screenshot.png</code></a></li>
+      </ul>
+    </li>
+    <li><a href="#hero-image">Hero Image</a>
+      <ul>
+        <li><a href="#preview-imagesheropng">Preview <code>images/hero.png</code></a></li>
+        <li><a href="#preview-imagestnpng">Preview <code>images/tn.png</code></a></li>
+      </ul>
+    </li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -94,10 +115,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Sometimes screenshots need t' be redone. This plank explains how t' create th' different screenshots, tools an' sett'ns</p>
 <h2 id="common">Common</h2>
 <p><strong>Creat'n</strong>:</p>
@@ -132,10 +152,10 @@
 <p>
 		
 		
-<a href="#image-6f1d18271520c1d8305ab2e2e5b725a9" class="lightbox-link">
+<a href="#image-8bbdbbb73f70fe09890ac016f1c6233b" class="lightbox-link">
 <img src="../../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6f1d18271520c1d8305ab2e2e5b725a9">
+<a href="javascript:history.back();" class="lightbox" id="image-8bbdbbb73f70fe09890ac016f1c6233b">
 <img src="../../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="hero-image">Hero Image</h2>
@@ -169,20 +189,20 @@
 <p>
 		
 		
-<a href="#image-a7ae17d518d3979380b6003739abcd3e" class="lightbox-link">
+<a href="#image-fc5513bbe3de03473dfb0786b17e6b3b" class="lightbox-link">
 <img src="../../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a7ae17d518d3979380b6003739abcd3e">
+<a href="javascript:history.back();" class="lightbox" id="image-fc5513bbe3de03473dfb0786b17e6b3b">
 <img src="../../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
 <p>
 		
 		
-<a href="#image-2690bb19598ffb9775313710582cdf71" class="lightbox-link">
+<a href="#image-a7cac86b366abff22962bfa0750977b7" class="lightbox-link">
 <img src="../../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2690bb19598ffb9775313710582cdf71">
+<a href="javascript:history.back();" class="lightbox" id="image-a7cac86b366abff22962bfa0750977b7">
 <img src="../../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -265,12 +285,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../js/search.js?1675789786" defer></script>
+        <script src="../../../js/auto-complete.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891452" defer></script>
+        <script src="../../../js/search.js?1675891452" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -391,12 +411,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../js/buttons.js?1675891452"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891452" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891452" defer></script>
+    <script src="../../../js/theme.js?1675891452" defer></script>
   </body>
 </html>
diff --git a/pir/dev/screenshots/index.print.html b/pir/dev/screenshots/index.print.html
index 8f635834be..30faecf42c 100644
--- a/pir/dev/screenshots/index.print.html
+++ b/pir/dev/screenshots/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,10 +79,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Sometimes screenshots need t' be redone. This plank explains how t' create th' different screenshots, tools an' sett'ns</p>
 <h2 id="common">Common</h2>
 <p><strong>Creat'n</strong>:</p>
@@ -117,10 +116,10 @@
 <p>
 		
 		
-<a href="#image-6f1d18271520c1d8305ab2e2e5b725a9" class="lightbox-link">
+<a href="#image-8bbdbbb73f70fe09890ac016f1c6233b" class="lightbox-link">
 <img src="../../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6f1d18271520c1d8305ab2e2e5b725a9">
+<a href="javascript:history.back();" class="lightbox" id="image-8bbdbbb73f70fe09890ac016f1c6233b">
 <img src="../../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="hero-image">Hero Image</h2>
@@ -154,20 +153,20 @@
 <p>
 		
 		
-<a href="#image-a7ae17d518d3979380b6003739abcd3e" class="lightbox-link">
+<a href="#image-fc5513bbe3de03473dfb0786b17e6b3b" class="lightbox-link">
 <img src="../../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a7ae17d518d3979380b6003739abcd3e">
+<a href="javascript:history.back();" class="lightbox" id="image-fc5513bbe3de03473dfb0786b17e6b3b">
 <img src="../../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
 <p>
 		
 		
-<a href="#image-2690bb19598ffb9775313710582cdf71" class="lightbox-link">
+<a href="#image-a7cac86b366abff22962bfa0750977b7" class="lightbox-link">
 <img src="../../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2690bb19598ffb9775313710582cdf71">
+<a href="javascript:history.back();" class="lightbox" id="image-a7cac86b366abff22962bfa0750977b7">
 <img src="../../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -178,8 +177,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/index.html b/pir/index.html
index 7e1f42fe92..909c2d5005 100644
--- a/pir/index.html
+++ b/pir/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../js/url.js?1675789784"></script>
-    <script src="../js/variant.js?1675789784"></script>
+    <link href="../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../js/url.js?1675891449"></script>
+    <script src="../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,10 +76,24 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span><meta itemprop="position" content="1"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#features">Features</a></li>
+    <li><a href="#getting-support">Gett'n Support</a></li>
+    <li><a href="#become-a-contributor">Become a Contributor</a></li>
+    <li><a href="#license">License</a></li>
+    <li><a href="#credits">Credits</a></li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable home" tabindex="-1">
@@ -93,10 +107,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <a href="https://github.com/McShelby/hugo-theme-relearn" target="_blank">Relearrrn theme</a> be a theme fer <a href="https://gohugo.io/" target="_blank">Cap'n Hugo</a>, a static website generator written 'n Go. Whar' Cap'n Hugo be often used fer blogs, this theme be designed wit' documentat'n 'n mind.</p>
 
 <div class="box notices cstyle info">
@@ -241,12 +254,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1675789786" defer></script>
-        <script src="../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../js/search.js?1675789786" defer></script>
+        <script src="../js/auto-complete.js?1675891451" defer></script>
+        <script src="../js/lunr/lunr.min.js?1675891451" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1675891451" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1675891451" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1675891451" defer></script>
+        <script src="../js/search.js?1675891451" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -363,12 +376,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1675789786"></script>
+          <script async src="../js/buttons.js?1675891451"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../js/theme.js?1675789786" defer></script>
+    <script src="../js/clipboard.min.js?1675891451" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1675891451" defer></script>
+    <script src="../js/theme.js?1675891451" defer></script>
   </body>
 </html>
diff --git a/pir/index.print.html b/pir/index.print.html
index 37115177c0..829171b2dd 100644
--- a/pir/index.print.html
+++ b/pir/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../js/url.js?1675789787"></script>
-    <script src="../js/variant.js?1675789787"></script>
+    <link href="../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../js/url.js?1675891453"></script>
+    <script src="../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -78,10 +78,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <a href="https://github.com/McShelby/hugo-theme-relearn" target="_blank">Relearrrn theme</a> be a theme fer <a href="https://gohugo.io/" target="_blank">Cap'n Hugo</a>, a static website generator written 'n Go. Whar' Cap'n Hugo be often used fer blogs, this theme be designed wit' documentat'n 'n mind.</p>
 
 <div class="box notices cstyle info">
@@ -162,10 +161,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Discover what this Cap'n Hugo theme be all about an' th' core-concepts behind it.</p>
 
 
@@ -182,10 +180,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This document shows ye what&rsquo;s new 'n th' latest release. For a detailed list o' changes, see th' <a href="../basics/history/">history plank</a>.</p>
 <p><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> Th' minimum required Cap'n Hugo version.</p>
 <p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Break'n</span></span> A change that requires act'n by ye aft upgrad'n t' assure th' ship be still functional.</p>
@@ -760,17 +757,16 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
 <p>
-<a href="#image-1f7136ed25d281c0ebbfa48c758b0680" class="lightbox-link">
+<a href="#image-18d1514f924ee1b8265cd5dfccdd94e4" class="lightbox-link">
 <img src="../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1f7136ed25d281c0ebbfa48c758b0680">
+<a href="javascript:history.back();" class="lightbox" id="image-18d1514f924ee1b8265cd5dfccdd94e4">
 <img src="../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -786,10 +782,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' follow'n steps be here t' help ye initialize yer new website. If ye don&rsquo;t know Cap'n Hugo at all, we strongly suggest ye learn more about it by follow'n this <a href="https://gohugo.io/overview/quickstart/" target="_blank">great documentat'n fer beginners</a>.</p>
 <h2 id="create-your-project">Create yer project</h2>
 <p>Cap'n Hugo provides a <code>new</code> command t' create a new website.</p>
@@ -821,10 +816,10 @@
 </span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-f685eefe689cedb090fe803830cb8ef8" class="lightbox-link">
+<a href="#image-ffb1390b70c5421735e32af347f3a4ec" class="lightbox-link">
 <img src="../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f685eefe689cedb090fe803830cb8ef8">
+<a href="javascript:history.back();" class="lightbox" id="image-ffb1390b70c5421735e32af347f3a4ec">
 <img src="../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" loading="lazy">
 </a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
@@ -870,10 +865,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <h2 id="global-site-parameters">Global ship parameters</h2>
 <p>On top o' <a href="https://gohugo.io/overview/configuration/" target="_blank">Cap'n Hugo global configurat'n</a>, th' Relearrrn theme lets ye define th' follow'n parameters 'n yer <code>config.toml</code> (here, values be default).</p>
 <p>Avast that some o' these parameters be explained 'n details 'n other sections o' this documentat'n.</p>
@@ -986,10 +980,10 @@
 </span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
 <p>
 		
-<a href="#image-86ff4c927a087c4ddc0a2dc03267f5a2" class="lightbox-link">
+<a href="#image-bc287b1af23a8dc4d652a0207f7184e1" class="lightbox-link">
 <img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-86ff4c927a087c4ddc0a2dc03267f5a2">
+<a href="javascript:history.back();" class="lightbox" id="image-bc287b1af23a8dc4d652a0207f7184e1">
 <img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -1038,10 +1032,10 @@ default values:</p>
 </span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
 <p>
 		
-<a href="#image-85368a0ab6b3b12d3b55bf97f50681cb" class="lightbox-link">
+<a href="#image-d0116bb28feeefd0d449d35b03d3ddc8" class="lightbox-link">
 <img src="../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="shadow" style="height: auto; width: 300px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-85368a0ab6b3b12d3b55bf97f50681cb">
+<a href="javascript:history.back();" class="lightbox" id="image-d0116bb28feeefd0d449d35b03d3ddc8">
 <img src="../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -1057,10 +1051,9 @@ default values:</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' Relearrrn theme has been built t' be as configur'ble as poss'ble by defin'n multiple <a href="https://gohugo.io/templates/partials/" target="_blank">partials</a></p>
 <p>In <code>themes/hugo-theme-relearn/layouts/partials/</code>, ye will find all th' partials defined fer this theme. If ye need t' overwrite someth'n, don&rsquo;t change th' code directly. Instead <a href="https://gohugo.io/themes/customizing/" target="_blank">follow this plank</a>. You&rsquo;d create a new partial 'n th' <code>layouts/partials</code> folder o' yer local project. This partial will have th' priority.</p>
 <p>This theme defines th' follow'n partials :</p>
@@ -1153,10 +1146,9 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
 <p>T' get started, first select a color variant from th' variant switch 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 an' th' plank will update accordingly.</p>
@@ -1218,10 +1210,9 @@ window.variants && variants.generator( '#vargenerator' );
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <div class="include hide-first-heading">
 <h1 id="changelog">Changelog</h1>
 <h2 id="5112-2023-02-07">5.11.2 (2023-02-07)</h2>
@@ -2185,10 +2176,9 @@ window.variants && variants.generator( '#vargenerator' );
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Find out how t' create an' org'nize yer rrrambl'n quickly an' intuitively.</p>
 
 
@@ -2205,10 +2195,9 @@ window.variants && variants.generator( '#vargenerator' );
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>In <strong>Cap'n Hugo</strong>, planks be th' core o' yer ship. Once it be configured, planks be definitely th' added value t' yer documentat'n ship.</p>
 <h2 id="folders">Folders</h2>
 <p>Org'nize yer ship like <a href="https://gohugo.io/content/organization/" target="_blank">any other Cap'n Hugo project</a>. Typically, ye will have a <em>rrrambl'n</em> folder wit' all yer planks.</p>
@@ -2283,10 +2272,10 @@ window.variants && variants.generator( '#vargenerator' );
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span></code></pre></div><p>
 		
-<a href="#image-aa494f9149508c2eb6cfe6589730d551" class="lightbox-link">
+<a href="#image-4bcac2c73ada46ed13c40bffab47325a" class="lightbox-link">
 <img src="../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title wit' icon" class="shadow" style="height: auto; width: 300px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-aa494f9149508c2eb6cfe6589730d551">
+<a href="javascript:history.back();" class="lightbox" id="image-4bcac2c73ada46ed13c40bffab47325a">
 <img src="../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title wit' icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
@@ -2330,10 +2319,9 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Us'n th' command: <code>hugo new [relative new rrrambl'n path]</code>, ye can start a rrrambl'n file wit' th' date an' title automatically set. While this be a welcome feature, active writers need more: <a href="https://gohugo.io/content/archetypes/" target="_blank">archetypes</a>. These be preconfigured skeleton planks wit' default frontmatter.</p>
 <p>Th' Relearrrn theme defines some few archetypes o' planks but ye be free t' define new ones t' yer lik'n. All can be used at any level o' th' documentat'n, th' only difference be'n th' layout o' th' rrrambl'n.</p>
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
@@ -2341,10 +2329,10 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
 <p>
 		
-<a href="#image-80bcbadfb4812f86f86d78d0e884f4d3" class="lightbox-link">
+<a href="#image-e45b667dd561e914b9f6838131898316" class="lightbox-link">
 <img src="../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-80bcbadfb4812f86f86d78d0e884f4d3">
+<a href="javascript:history.back();" class="lightbox" id="image-e45b667dd561e914b9f6838131898316">
 <img src="../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a home plank, run th' follow'n command</p>
@@ -2360,10 +2348,10 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
 <p>
 		
-<a href="#image-6c43d3880dfe4d23e87addc2ca5e72dd" class="lightbox-link">
+<a href="#image-654ca386c98bd61d86411e73e8ee56c7" class="lightbox-link">
 <img src="../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6c43d3880dfe4d23e87addc2ca5e72dd">
+<a href="javascript:history.back();" class="lightbox" id="image-654ca386c98bd61d86411e73e8ee56c7">
 <img src="../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
@@ -2381,10 +2369,10 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
 <p>
 		
-<a href="#image-7d9e185a9cd3f58d0b4ccace56ed1cb5" class="lightbox-link">
+<a href="#image-d829e6d650db942a0dc007b279b54646" class="lightbox-link">
 <img src="../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7d9e185a9cd3f58d0b4ccace56ed1cb5">
+<a href="javascript:history.back();" class="lightbox" id="image-d829e6d650db942a0dc007b279b54646">
 <img src="../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
@@ -2447,10 +2435,9 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Let&rsquo;s face it: Writ'n rrrambl'n fer th' web be tiresome. WYSIWYG editors help alleviate this task, but they generally result 'n horr'ble code, or worse yet, ugly web planks.</p>
 <p><strong>Marrrkdown</strong> be a better way t' write <strong>HTML</strong>, without all th' complexities an' ugliness that usually accompanies it.</p>
 <p>Some o' th' key benefits be:</p>
@@ -2967,10 +2954,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-bc8bfc384fd378d4d6d86caa68ee5c35" class="lightbox-link">
+<a href="#image-ee5e6bfc05a149d49913d1a1500e1e3f" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-bc8bfc384fd378d4d6d86caa68ee5c35">
+<a href="javascript:history.back();" class="lightbox" id="image-ee5e6bfc05a149d49913d1a1500e1e3f">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -2984,10 +2971,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-2f5b6dbab083d9e33a617370121f4b7a" class="lightbox-link">
+<a href="#image-c864aaa6e857dc11c2e4f06ff4b51a5f" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2f5b6dbab083d9e33a617370121f4b7a">
+<a href="javascript:history.back();" class="lightbox" id="image-c864aaa6e857dc11c2e4f06ff4b51a5f">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -3003,10 +2990,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-311dfc0ca506d91bc4e9a5f00777b499" class="lightbox-link">
+<a href="#image-9c6a5e5e54b68c41a76dbc91550c5ddc" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-311dfc0ca506d91bc4e9a5f00777b499">
+<a href="javascript:history.back();" class="lightbox" id="image-9c6a5e5e54b68c41a76dbc91550c5ddc">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -3022,10 +3009,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-29806e9e16a2038d6630a8e02b2a4fbd" class="lightbox-link">
+<a href="#image-13d84d3519904f6f6812ef9d0823c3ce" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-29806e9e16a2038d6630a8e02b2a4fbd">
+<a href="javascript:history.back();" class="lightbox" id="image-13d84d3519904f6f6812ef9d0823c3ce">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -3037,10 +3024,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-7fe319f26633a09ed91f5ea66f681250" class="lightbox-link">
+<a href="#image-516b6c92e91ba8cbf36fa6d583b3a088" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7fe319f26633a09ed91f5ea66f681250">
+<a href="javascript:history.back();" class="lightbox" id="image-516b6c92e91ba8cbf36fa6d583b3a088">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -3053,10 +3040,10 @@ line 3 o' code
 <p>
 		
 		
-<a href="#image-8d8556d5055913118dcda032aa4ebcb2" class="lightbox-link">
+<a href="#image-6cc592fdb85092670efdcde7d5cd97f7" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8d8556d5055913118dcda032aa4ebcb2">
+<a href="javascript:history.back();" class="lightbox" id="image-6cc592fdb85092670efdcde7d5cd97f7">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -3071,10 +3058,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-1f72b4ada8823c6d55e9039bbcc73897" class="lightbox-link">
+<a href="#image-724e5ce46118c590f317de4b0f551c49" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1f72b4ada8823c6d55e9039bbcc73897">
+<a href="javascript:history.back();" class="lightbox" id="image-724e5ce46118c590f317de4b0f551c49">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -3087,10 +3074,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-be59ecb11a3bfb04b8216a90f731afde" class="lightbox-link">
+<a href="#image-e08e3a980760b97c31231bc78c617dc4" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-be59ecb11a3bfb04b8216a90f731afde">
+<a href="javascript:history.back();" class="lightbox" id="image-e08e3a980760b97c31231bc78c617dc4">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -3103,10 +3090,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-a2d1fa37eae18fe77fcbab1af71d4d7c" class="lightbox-link">
+<a href="#image-3c1de5fe08c1b1247104db8d8ee1234d" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a2d1fa37eae18fe77fcbab1af71d4d7c">
+<a href="javascript:history.back();" class="lightbox" id="image-3c1de5fe08c1b1247104db8d8ee1234d">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -3119,10 +3106,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-a686b1006aaa13b443ea9feb53af1ebf" class="lightbox-link">
+<a href="#image-437a8bc0994b55d33ee27e66a7d57a97" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a686b1006aaa13b443ea9feb53af1ebf">
+<a href="javascript:history.back();" class="lightbox" id="image-437a8bc0994b55d33ee27e66a7d57a97">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -3138,34 +3125,34 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-7f3176d70f8d2ff0fcae40b4db8b768b" class="lightbox-link">
+<a href="#image-415e57c3da621454967226ccdf6314d6" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7f3176d70f8d2ff0fcae40b4db8b768b">
+<a href="javascript:history.back();" class="lightbox" id="image-415e57c3da621454967226ccdf6314d6">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-8dfc51a3d10b16bc75200c14a52082ad" class="lightbox-link">
+<a href="#image-ae39db0cc5ec8001f7f4881c4d8a0b71" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8dfc51a3d10b16bc75200c14a52082ad">
+<a href="javascript:history.back();" class="lightbox" id="image-ae39db0cc5ec8001f7f4881c4d8a0b71">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-f5a78039d397799ed168be59c84f4d40" class="lightbox-link">
+<a href="#image-86a27ff6e4209c869b9a26285b107249" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f5a78039d397799ed168be59c84f4d40">
+<a href="javascript:history.back();" class="lightbox" id="image-86a27ff6e4209c869b9a26285b107249">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-d0d369a5cab51a6e7a27f73c0abbe75b" class="lightbox-link">
+<a href="#image-7d4884ef2e4d3afd9ee29547ce5681fa" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d0d369a5cab51a6e7a27f73c0abbe75b">
+<a href="javascript:history.back();" class="lightbox" id="image-7d4884ef2e4d3afd9ee29547ce5681fa">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -3178,10 +3165,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-479d83ae882fda352f3d251cb93db293" class="lightbox-link">
+<a href="#image-eb3432fe84144f464cb6c39a887800f5" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-479d83ae882fda352f3d251cb93db293">
+<a href="javascript:history.back();" class="lightbox" id="image-eb3432fe84144f464cb6c39a887800f5">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -3211,10 +3198,9 @@ line 3 o' code
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' Relearrrn theme uses <a href="https://gohugo.io/content-management/syntax-highlighting/" target="_blank">Hugo&rsquo;s built-in rules highlight'n</a> fer code.</p>
 <h2 id="markdown-syntax">Marrrkdown rules</h2>
 <p>Wrap th' code block wit' three backticks an' th' name o' th' language. Highlight will try t' auto detect th' language if one be not provided.</p>
@@ -3273,10 +3259,9 @@ line 3 o' code
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Ye can define additional menu entries or shortcuts 'n th' navigat'n menu without any link t' rrrambl'n.</p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <p>Edit th' website configurat'n <code>config.toml</code> an' add a <code>[[menu.shortcuts]]</code> entry fer each link yer want t' add.</p>
@@ -3398,10 +3383,9 @@ However, if ye want t' keep th' title but change its value, it can be overridden
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' Relearrrn theme be fully compat'ble wit' Cap'n Hugo multilingual mode.</p>
 <p>It provides:</p>
 <ul>
@@ -3412,10 +3396,10 @@ However, if ye want t' keep th' title but change its value, it can be overridden
 </ul>
 <p>
 		
-<a href="#image-f49f25ece68236bc3af2908616eff48e" class="lightbox-link">
+<a href="#image-2173ee10234e4c43153fa597b4283e1b" class="lightbox-link">
 <img src="../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="shadow" style="height: auto; width: 300px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f49f25ece68236bc3af2908616eff48e">
+<a href="javascript:history.back();" class="lightbox" id="image-2173ee10234e4c43153fa597b4283e1b">
 <img src="../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
@@ -3519,10 +3503,9 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' Relearrrn theme supports one default taxonomy o' Cap'n Hugo: th' <em>tag</em> feature.</p>
 <h2 id="configuration">Configurat'n</h2>
 <p>Just add tags t' any plank:</p>
@@ -3555,10 +3538,9 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Cap'n Hugo uses Marrrkdown fer its simple rrrambl'n format. However, there be a lot o' th'ns that Marrrkdown doesn’t support well. Ye could use pure HTML t' expand possibilities.</p>
 <p>But this happens t' be a bad idea. Everyone uses Marrrkdown because it&rsquo;s pure an' simple t' read even non-rendered. Ye should avoid HTML t' keep it as simple as poss'ble.</p>
 <p>T' avoid this limitat'ns, Cap'n Hugo created <a href="https://gohugo.io/extras/shortcodes/" target="_blank">shorrrtcodes</a>. A shortcode be a simple snippet inside a plank.</p>
@@ -3602,10 +3584,9 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>attachments</code> shortcode displays a list o' files attached t' a plank wit' adjust'ble color, title an' ay'con.</p>
 
 <div class="box attachments cstyle transparent">
@@ -3626,13 +3607,13 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -3647,7 +3628,7 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/attachments.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -3845,10 +3826,9 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>badge</code> shortcode displays little markers 'n yer text wit' adjust'ble color, title an' ay'con.</p>
 <p><span class="badge cstyle default"><span class="badge-content">Important</span></span>
 <span class="badge cstyle primary badge-with-title"><span class="badge-title">Version</span><span class="badge-content">6.6.6</span></span>
@@ -3862,13 +3842,13 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -3887,7 +3867,7 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/badge.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -4064,10 +4044,9 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>button</code> shortcode displays a click'ble button wit' adjust'ble color, title an' ay'con.</p>
 <p>
 <span class="btn cstyle transparent">
@@ -4089,13 +4068,13 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -4111,7 +4090,7 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/button.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -4403,10 +4382,9 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>children</code> shortcode lists th' child planks o' th' current plank an' its descendants.</p>
 
 <ul class="children children-li children-sort-weight">
@@ -4423,13 +4401,13 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -4444,7 +4422,7 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/children.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -4612,10 +4590,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -4630,10 +4607,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a demo child plank.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -4656,10 +4632,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a demo child plank wit' a hidden child. Ye can still access th' hidden child <a href="../shortcodes/children/children-1/children-1-1/children-1-1-1/">directly</a> or via th' search.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -4684,10 +4659,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -4711,10 +4685,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -4729,10 +4702,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -4748,10 +4720,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -4768,10 +4739,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a demo child plank wit' no descript'n.</p>
 <p>So its rrrambl'n be used as descript'n.</p>
 
@@ -4787,10 +4757,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a demo child plank.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -4813,10 +4782,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -4833,21 +4801,20 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>expand</code> shortcode displays an expandable/collaps'ble section o' text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-12a048e4d93981275e6aa73702869fe7" aria-controls="expandcontent-12a048e4d93981275e6aa73702869fe7" >
-    <label class="expand-label" for="expand-12a048e4d93981275e6aa73702869fe7" >
+    <input type="checkbox" id="expand-99f1f50a30cbd3de3f8c3c3167094c31" aria-controls="expandcontent-99f1f50a30cbd3de3f8c3c3167094c31" >
+    <label class="expand-label" for="expand-99f1f50a30cbd3de3f8c3c3167094c31" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-12a048e4d93981275e6aa73702869fe7" class="expand-content">
+    <div id="expandcontent-99f1f50a30cbd3de3f8c3c3167094c31" class="expand-content">
 Thank ye!
     </div>
 </div>
@@ -4865,19 +4832,19 @@ Thank ye!
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -4892,14 +4859,14 @@ Thank ye!
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="s">&#34;Expand me...&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Thank</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>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/expand.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -4946,14 +4913,14 @@ Thank ye!
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">ye</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-f780a04c28ab9cf701eadddc5442aee8" aria-controls="expandcontent-f780a04c28ab9cf701eadddc5442aee8" >
-    <label class="expand-label" for="expand-f780a04c28ab9cf701eadddc5442aee8" >
+    <input type="checkbox" id="expand-f455547257a78be2e5b96517b7bb1bd6" aria-controls="expandcontent-f455547257a78be2e5b96517b7bb1bd6" >
+    <label class="expand-label" for="expand-f455547257a78be2e5b96517b7bb1bd6" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-f780a04c28ab9cf701eadddc5442aee8" class="expand-content">
+    <div id="expandcontent-f455547257a78be2e5b96517b7bb1bd6" class="expand-content">
 Yes, ye did it!
     </div>
 </div>
@@ -4961,14 +4928,14 @@ Yes, ye did it!
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">t'</span> <span class="nx">press</span> <span class="nx">ye</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-b19b05165b5c35f05515cd1287d562f8" aria-controls="expandcontent-b19b05165b5c35f05515cd1287d562f8"  checked>
-    <label class="expand-label" for="expand-b19b05165b5c35f05515cd1287d562f8" >
+    <input type="checkbox" id="expand-2896086cdf02a19fd5a54de172dcd8b1" aria-controls="expandcontent-2896086cdf02a19fd5a54de172dcd8b1"  checked>
+    <label class="expand-label" for="expand-2896086cdf02a19fd5a54de172dcd8b1" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-b19b05165b5c35f05515cd1287d562f8" class="expand-content">
+    <div id="expandcontent-2896086cdf02a19fd5a54de172dcd8b1" class="expand-content">
 No need t' press ye!
     </div>
 </div>
@@ -4990,14 +4957,14 @@ No need t' press ye!
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-12fb7e3a7eb217f4862e2c0e11154378" aria-controls="expandcontent-12fb7e3a7eb217f4862e2c0e11154378" >
-    <label class="expand-label" for="expand-12fb7e3a7eb217f4862e2c0e11154378" >
+    <input type="checkbox" id="expand-961e661f7210c749d86d6b080790b41b" aria-controls="expandcontent-961e661f7210c749d86d6b080790b41b" >
+    <label class="expand-label" for="expand-961e661f7210c749d86d6b080790b41b" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Show me almost endless possibilities
     </label>
-    <div id="expandcontent-12fb7e3a7eb217f4862e2c0e11154378" class="expand-content">
+    <div id="expandcontent-961e661f7210c749d86d6b080790b41b" class="expand-content">
 <p>Ye can add standard markdown rules:</p>
 <ul>
 <li>multiple paragraphs</li>
@@ -5026,10 +4993,9 @@ No need t' press ye!
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>ay'con</code> shortcode displays ay'cons us'n th' <a href="https://fontawesome.com" target="_blank">Font Awesome</a> library.</p>
 <p>
 <i class="fa-fw fas fa-exclamation-triangle"></i>
@@ -5044,19 +5010,19 @@ No need t' press ye!
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -5073,7 +5039,7 @@ No need t' press ye!
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">ay'con</span> <span class="nx">exclamat'n</span><span class="o">-</span><span class="nx">triangle</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">ay'con</span> <span class="nx">angle</span><span class="o">-</span><span class="nx">do'ble</span><span class="o">-</span><span class="nx">up</span> <span class="o">%</span><span class="p">}}</span>
@@ -5082,7 +5048,7 @@ No need t' press ye!
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/icon.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -5153,10 +5119,9 @@ No need t' press ye!
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>include</code> shortcode includes other files from yer project inside o' th' current plank.</p>
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or also call this shortcode from yer own partials.</p>
@@ -5165,19 +5130,19 @@ No need t' press ye!
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -5192,14 +5157,14 @@ No need t' press ye!
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/include .html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -5263,10 +5228,9 @@ No need t' press ye!
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>math</code> shortcode generates beautiful formatted math an' chemical formulae us'n th' <a href="https://mathjax.org/" target="_blank">MathJax</a> library.</p>
 
 <span class="math align-center">
@@ -5294,19 +5258,19 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
   <div class="tab-nav">
     <button
       data-tab-item="codefence"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
       <span>codefence</span></button>
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -5323,7 +5287,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     </div>
     <div
       data-tab-item="shortcode"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">math</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;center&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="err">$$\</span><span class="nf">left</span><span class="p">(</span> <span class="err">\</span><span class="nx">sum_</span><span class="p">{</span><span class="nx">k</span><span class="p">=</span><span class="mi">1</span><span class="p">}^</span><span class="nx">n</span> <span class="nx">a_k</span> <span class="nx">b_k</span> <span class="err">\</span><span class="nx">right</span><span class="p">)^</span><span class="mi">2</span> <span class="err">\</span><span class="nx">leq</span> <span class="err">\</span><span class="nf">left</span><span class="p">(</span> <span class="err">\</span><span class="nx">sum_</span><span class="p">{</span><span class="nx">k</span><span class="p">=</span><span class="mi">1</span><span class="p">}^</span><span class="nx">n</span> <span class="nx">a_k</span><span class="p">^</span><span class="mi">2</span> <span class="err">\</span><span class="nx">right</span><span class="p">)</span> <span class="err">\</span><span class="nf">left</span><span class="p">(</span> <span class="err">\</span><span class="nx">sum_</span><span class="p">{</span><span class="nx">k</span><span class="p">=</span><span class="mi">1</span><span class="p">}^</span><span class="nx">n</span> <span class="nx">b_k</span><span class="p">^</span><span class="mi">2</span> <span class="err">\</span><span class="nx">right</span><span class="p">)</span><span class="err">$$</span>
@@ -5332,7 +5296,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/math.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -5433,10 +5397,9 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </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">
@@ -5473,19 +5436,19 @@ graph LR;
   <div class="tab-nav">
     <button
       data-tab-item="codefence"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
       <span>codefence</span></button>
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -5504,7 +5467,7 @@ graph LR;
     </div>
     <div
       data-tab-item="shortcode"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;center&#34;</span> <span class="nx">zoom</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">graph</span> <span class="nx">LR</span><span class="p">;</span>
@@ -5515,7 +5478,7 @@ graph LR;
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/mermaid.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -5958,10 +5921,9 @@ C4Context
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>notice</code> shortcode shows various types o' disclaimers wit' adjust'ble color, title an' ay'con t' help ye structure yer plank.</p>
 
 <div class="box notices cstyle primary">
@@ -5977,19 +5939,19 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -6006,7 +5968,7 @@ C4Context
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">primary</span> <span class="s">&#34;There may be pirates&#34;</span> <span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">It</span> <span class="nx">be</span> <span class="nx">all</span> <span class="nx">about</span> <span class="nx">th'</span> <span class="nx">boxes</span><span class="p">.</span>
@@ -6015,7 +5977,7 @@ C4Context
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/notice.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -6301,10 +6263,9 @@ C4Context
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>siteparam</code> shortcode prints values o' ship params.</p>
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or call this shortcode from yer own partials.</p>
@@ -6313,19 +6274,19 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -6340,14 +6301,14 @@ C4Context
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">siteparam</span> <span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/siteparam.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -6393,10 +6354,9 @@ C4Context
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>swagger</code> shortcode uses th' <a href="https://mrin9.github.io/RapiDoc" target="_blank">RapiDoc</a> library t' display yer Swagger / OpenAPI Specificat'ns.</p>
 
 <div class="box notices cstyle note">
@@ -6412,13 +6372,13 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -6433,7 +6393,7 @@ C4Context
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/swagger.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -6507,10 +6467,9 @@ C4Context
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>tabs</code> shortcode displays arbitrary rrrambl'n 'n unlimited number o' tabs.</p>
 <p>This comes 'n handy eg. fer provid'n code snippets fer multiple languages or provid'n configurat'n 'n different formats.</p>
 
@@ -6518,13 +6477,13 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-language','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-language','bash')"
     >
       <span>bash</span></button>
@@ -6539,7 +6498,7 @@ C4Context
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
 </span></span></code></pre></div>
@@ -6553,13 +6512,13 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -6585,7 +6544,7 @@ C4Context
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/tabs.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -6660,19 +6619,19 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="json"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-config','json')"
     >
       <span>json</span></button>
     <button
       data-tab-item="XML"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-config','XML')"
     >
       <span>XML</span></button>
     <button
       data-tab-item="properties"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-config','properties')"
     >
       <span>properties</span></button>
@@ -6689,14 +6648,14 @@ C4Context
     </div>
     <div
       data-tab-item="XML"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-xml" data-lang="xml"><span class="line"><span class="cl"><span class="nt">&lt;Hello&gt;</span>World<span class="nt">&lt;/Hello&gt;</span>
 </span></span></code></pre></div>
     </div>
     <div
       data-tab-item="properties"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-ini" data-lang="ini"><span class="line"><span class="cl"><span class="na">Hello</span> <span class="o">=</span> <span class="s">World</span>
 </span></span></code></pre></div>
@@ -6724,13 +6683,13 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="json"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-config','json')"
     >
       <span>json</span></button>
     <button
       data-tab-item="XML"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-config','XML')"
     >
       <span>XML</span></button>
@@ -6747,7 +6706,7 @@ C4Context
     </div>
     <div
       data-tab-item="XML"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-xml" data-lang="xml"><span class="line"><span class="cl"><span class="nt">&lt;Hello&gt;</span>World<span class="nt">&lt;/Hello&gt;</span>
 </span></span></code></pre></div>
@@ -6793,13 +6752,13 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="Text"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('main','Text')"
     >
       <span>Text</span></button>
     <button
       data-tab-item="Code"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('main','Code')"
     >
       <span>Code</span></button>
@@ -6816,13 +6775,13 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-language','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-language','bash')"
     >
       <span>bash</span></button>
@@ -6841,7 +6800,7 @@ C4Context
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <p>Bash be fer <strong>hackers</strong>.</p>
 
@@ -6852,7 +6811,7 @@ C4Context
     </div>
     <div
       data-tab-item="Code"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 
   ...but no markdown
@@ -6861,13 +6820,13 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-language','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-language','bash')"
     >
       <span>bash</span></button>
@@ -6882,7 +6841,7 @@ C4Context
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
 </span></span></code></pre></div>
@@ -6903,8 +6862,8 @@ C4Context
               </section>        </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../js/theme.js?1675789787" defer></script>
+    <script src="../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/index.search.js b/pir/index.search.js
index e783c02b6d..e1e3fa1caa 100644
--- a/pir/index.search.js
+++ b/pir/index.search.js
@@ -1,97 +1,97 @@
 var relearn_search_index = [
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nDiscover what this Cap'n Hugo theme be all about an' th' core-concepts behind it.\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nDiscover what this Cap'n Hugo theme be all about an' th' core-concepts behind it.\n",
     "description": "",
     "tags": null,
     "title": "Basics",
     "uri": "/pir/basics/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nThis be a plain demo child plank.\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nThis be a plain demo child plank.\n",
     "description": "",
     "tags": null,
     "title": "Plank X",
     "uri": "/pir/shortcodes/children/test/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nIn Cap'n Hugo, planks be th' core o' yer ship. Once it be configured, planks be definitely th' added value t' yer documentat'n ship.\nFolders Org'nize yer ship like any other Cap'n Hugo project. Typically, ye will have a rrrambl'n folder wit' all yer planks.\nrrrambl'n ├── level-one │ ├── level-two │ │ ├── level-three │ │ │ ├── level-four │ │ │ │ ├── _index.md \u003c-- /level-one/level-two/level-three/level-four │ │ │ │ ├── page-4-a.md \u003c-- /level-one/level-two/level-three/level-four/page-4-a │ │ │ │ ├── page-4-b.md \u003c-- /level-one/level-two/level-three/level-four/page-4-b │ │ │ │ └── page-4-c.md \u003c-- /level-one/level-two/level-three/level-four/page-4-c │ │ │ ├── _index.md \u003c-- /level-one/level-two/level-three │ │ │ ├── page-3-a.md \u003c-- /level-one/level-two/level-three/page-3-a │ │ │ ├── page-3-b.md \u003c-- /level-one/level-two/level-three/page-3-b │ │ │ └── page-3-c.md \u003c-- /level-one/level-two/level-three/page-3-c │ │ ├── _index.md \u003c-- /level-one/level-two │ │ ├── page-2-a.md \u003c-- /level-one/level-two/page-2-a │ │ ├── page-2-b.md \u003c-- /level-one/level-two/page-2-b │ │ └── page-2-c.md \u003c-- /level-one/level-two/page-2-c │ ├── _index.md \u003c-- /level-one │ ├── page-1-a.md \u003c-- /level-one/page-1-a │ ├── page-1-b.md \u003c-- /level-one/page-1-b │ └── page-1-c.md \u003c-- /level-one/page-1-c ├── _index.md \u003c-- / └── page-top.md \u003c-- /page-top Avast _index.md be required 'n each folder, it’s yer “folder home page”\nCreate yer project Th' follow'n steps be here t' help ye initialize yer new website. If ye don’t know Cap'n Hugo at all, we strongly suggest ye t' train by follow'n great documentat'n fer beginners.\nCap'n Hugo provides a new command t' create a new website.\nhugo new ship \u003cnew_project\u003e Th' Relearrrn theme provides archetypes t' help ye create this kind o' planks.\nFrontmatter Configurat'n Each Cap'n Hugo plank has t' define a frontmatter 'n toml, yaml or json. This ship will use toml 'n all cases.\nTh' Relearrrn theme uses th' follow'n parameters on top o' Cap'n Hugo ones:\n+++ # T'ble o' contents (toc) be enabled by default. Set this parameter t' true t' dis'ble it. # Avast: Toc be always disabled fer chapter planks disableToc = false # If set, this will be used fer th' page's menu entry (instead o' th' `title` attribute) menuTitle = \"\" # If set, this will explicitly override common rules fer th' expand state o' a page's menu entry alwaysopen = true # If set, this will explicitly override common rules fer th' sort'n order o' a page's submenu entries ordersectionsby = \"title\" # Th' title o' th' plank head'n will be prefixed by this HTML rrrambl'n headingPre = \"\" # Th' title o' th' plank head'n will be postfixed by this HTML rrrambl'n headingPost = \"\" # Th' title o' th' plank 'n menu will be prefixed by this HTML rrrambl'n menuPre = \"\" # Th' title o' th' plank 'n menu will be postfixed by this HTML rrrambl'n menuPost = \"\" # Hide a menu entry by sett'n this t' true hidden = false # Display name o' this plank modifier. If set, it will be displayed 'n th' footer. LastModifierDisplayName = \"\" # Email o' this plank modifier. If set wit' LastModifierDisplayName, it will be displayed 'n th' footer LastModifierEmail = \"\" +++ Add ay'con t' a menu entry In th' plank frontmatter, add a menuPre param t' insert any HTML code before th' menu label. Th' example below uses th' GitHub ay'con.\n+++ title = \"GitHub repo\" menuPre = \"\u003ci class='fab fa-github'\u003e\u003c/i\u003e \" +++ Order'n sibl'n menu/page entries Cap'n Hugo provides a flex'ble way t' handle order fer yer planks.\nTh' simplest way be t' set weight parameter t' a number.\n+++ title = \"My page\" weight = 5 +++ Us'n a custom title fer menu entries By default, th' Relearrrn theme will use a page’s title attribute fer th' menu item (or linkTitle if defined).\nBut a page’s title has t' be descriptive on its own while th' menu be a hierarchy. We’ve added th' menuTitle parameter fer that purpose:\nFor example (for a plank named content/install/linux.md):\n+++ title = \"Install on Linux\" menuTitle = \"Linux\" +++ Override expand state rules fer menu entries Ye can change how th' theme expands menu entries on th' side o' th' rrrambl'n wit' th' alwaysopen sett'n on a per plank basis. If alwaysopen=false fer any given entry, its children will not be shown 'n th' menu as long as it be not necessary fer th' sake o' navigat'n.\nTh' theme generates th' menu based on th' follow'n rules:\nall parent entries o' th' active plank includ'n their sibl'ns be shown regardless o' any sett'ns immediate children entries o' th' active plank be shown regardless o' any sett'ns if not overridden, all other first level entries behave like they would have been given alwaysopen=false if not overridden, all other entries o' levels besides th' first behave like they would have been given alwaysopen=true all vis'ble entries show their immediate children entries if alwaysopen=true; this proceeds recursively all remain'n entries be not shown Ye can see this feature 'n act'n on th' example plank fer children shortcode an' its children planks.\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nIn Cap'n Hugo, planks be th' core o' yer ship. Once it be configured, planks be definitely th' added value t' yer documentat'n ship.\nFolders Org'nize yer ship like any other Cap'n Hugo project. Typically, ye will have a rrrambl'n folder wit' all yer planks.\nrrrambl'n ├── level-one │ ├── level-two │ │ ├── level-three │ │ │ ├── level-four │ │ │ │ ├── _index.md \u003c-- /level-one/level-two/level-three/level-four │ │ │ │ ├── page-4-a.md \u003c-- /level-one/level-two/level-three/level-four/page-4-a │ │ │ │ ├── page-4-b.md \u003c-- /level-one/level-two/level-three/level-four/page-4-b │ │ │ │ └── page-4-c.md \u003c-- /level-one/level-two/level-three/level-four/page-4-c │ │ │ ├── _index.md \u003c-- /level-one/level-two/level-three │ │ │ ├── page-3-a.md \u003c-- /level-one/level-two/level-three/page-3-a │ │ │ ├── page-3-b.md \u003c-- /level-one/level-two/level-three/page-3-b │ │ │ └── page-3-c.md \u003c-- /level-one/level-two/level-three/page-3-c │ │ ├── _index.md \u003c-- /level-one/level-two │ │ ├── page-2-a.md \u003c-- /level-one/level-two/page-2-a │ │ ├── page-2-b.md \u003c-- /level-one/level-two/page-2-b │ │ └── page-2-c.md \u003c-- /level-one/level-two/page-2-c │ ├── _index.md \u003c-- /level-one │ ├── page-1-a.md \u003c-- /level-one/page-1-a │ ├── page-1-b.md \u003c-- /level-one/page-1-b │ └── page-1-c.md \u003c-- /level-one/page-1-c ├── _index.md \u003c-- / └── page-top.md \u003c-- /page-top Avast _index.md be required 'n each folder, it’s yer “folder home page”\nCreate yer project Th' follow'n steps be here t' help ye initialize yer new website. If ye don’t know Cap'n Hugo at all, we strongly suggest ye t' train by follow'n great documentat'n fer beginners.\nCap'n Hugo provides a new command t' create a new website.\nhugo new ship \u003cnew_project\u003e Th' Relearrrn theme provides archetypes t' help ye create this kind o' planks.\nFrontmatter Configurat'n Each Cap'n Hugo plank has t' define a frontmatter 'n toml, yaml or json. This ship will use toml 'n all cases.\nTh' Relearrrn theme uses th' follow'n parameters on top o' Cap'n Hugo ones:\n+++ # T'ble o' contents (toc) be enabled by default. Set this parameter t' true t' dis'ble it. # Avast: Toc be always disabled fer chapter planks disableToc = false # If set, this will be used fer th' page's menu entry (instead o' th' `title` attribute) menuTitle = \"\" # If set, this will explicitly override common rules fer th' expand state o' a page's menu entry alwaysopen = true # If set, this will explicitly override common rules fer th' sort'n order o' a page's submenu entries ordersectionsby = \"title\" # Th' title o' th' plank head'n will be prefixed by this HTML rrrambl'n headingPre = \"\" # Th' title o' th' plank head'n will be postfixed by this HTML rrrambl'n headingPost = \"\" # Th' title o' th' plank 'n menu will be prefixed by this HTML rrrambl'n menuPre = \"\" # Th' title o' th' plank 'n menu will be postfixed by this HTML rrrambl'n menuPost = \"\" # Hide a menu entry by sett'n this t' true hidden = false # Display name o' this plank modifier. If set, it will be displayed 'n th' footer. LastModifierDisplayName = \"\" # Email o' this plank modifier. If set wit' LastModifierDisplayName, it will be displayed 'n th' footer LastModifierEmail = \"\" +++ Add ay'con t' a menu entry In th' plank frontmatter, add a menuPre param t' insert any HTML code before th' menu label. Th' example below uses th' GitHub ay'con.\n+++ title = \"GitHub repo\" menuPre = \"\u003ci class='fab fa-github'\u003e\u003c/i\u003e \" +++ Order'n sibl'n menu/page entries Cap'n Hugo provides a flex'ble way t' handle order fer yer planks.\nTh' simplest way be t' set weight parameter t' a number.\n+++ title = \"My page\" weight = 5 +++ Us'n a custom title fer menu entries By default, th' Relearrrn theme will use a page’s title attribute fer th' menu item (or linkTitle if defined).\nBut a page’s title has t' be descriptive on its own while th' menu be a hierarchy. We’ve added th' menuTitle parameter fer that purpose:\nFor example (for a plank named content/install/linux.md):\n+++ title = \"Install on Linux\" menuTitle = \"Linux\" +++ Override expand state rules fer menu entries Ye can change how th' theme expands menu entries on th' side o' th' rrrambl'n wit' th' alwaysopen sett'n on a per plank basis. If alwaysopen=false fer any given entry, its children will not be shown 'n th' menu as long as it be not necessary fer th' sake o' navigat'n.\nTh' theme generates th' menu based on th' follow'n rules:\nall parent entries o' th' active plank includ'n their sibl'ns be shown regardless o' any sett'ns immediate children entries o' th' active plank be shown regardless o' any sett'ns if not overridden, all other first level entries behave like they would have been given alwaysopen=false if not overridden, all other entries o' levels besides th' first behave like they would have been given alwaysopen=true all vis'ble entries show their immediate children entries if alwaysopen=true; this proceeds recursively all remain'n entries be not shown Ye can see this feature 'n act'n on th' example plank fer children shortcode an' its children planks.\n",
     "description": "",
     "tags": null,
     "title": "Planks orrrganizat'n",
     "uri": "/pir/cont/pages/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nUs'n th' command: hugo new [relative new rrrambl'n path], ye can start a rrrambl'n file wit' th' date an' title automatically set. While this be a welcome feature, active writers need more: archetypes. These be preconfigured skeleton planks wit' default frontmatter.\nTh' Relearrrn theme defines some few archetypes o' planks but ye be free t' define new ones t' yer lik'n. All can be used at any level o' th' documentat'n, th' only difference be'n th' layout o' th' rrrambl'n.\nPredefined Archetypes Home A Home plank be th' start'n plank o' yer project. It’s best t' have only one plank o' this kind 'n yer project.\nT' create a home plank, run th' follow'n command\nhugo new --kind home _index.md This leads t' a file wit' th' follow'n rrrambl'n\n+++ archetype = \"home\" title = \"{{ replace .Name \"-\" \" \" | title }}\" +++ Lorem Ipsum. Chapter A Chapter 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.\nT' create a chapter plank, run th' follow'n command\nhugo new --kind chapter \u003cname\u003e/_index.md This leads t' a file wit' th' follow'n rrrambl'n\n+++ archetype = \"chapter\" title = \"{{ replace .Name \"-\" \" \" | title }}\" weight = X +++ Lorem Ipsum. Replace th' X 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.\nDefault A Default 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.\nT' create a default plank, run either one o' th' follow'n commands\nhugo new \u003cchapter\u003e/\u003cname\u003e/_index.md or\nhugo new \u003cchapter\u003e/\u003cname\u003e.md This leads t' a file wit' th' follow'n rrrambl'n\n+++ title = \"{{ replace .Name \"-\" \" \" | title }}\" weight = X +++ Lorem Ipsum. Replace th' X wit' a number or delete th' whole weight parameter entirely.\nSelf defined Archetypes If ye be 'n need o' further archetypes ye can define yer own or even redefine exist'n ones.\nTemplate Define a template file 'n yer project at archetypes/\u003ckind\u003e.md an' make sure it has at least th' frontmatter parameter fer that archetype like\n+++ archetype = \"\u003ckind\u003e\" +++ Afterwards ye can generate new rrrambl'n files o' that kind wit' th' follow'n command\nhugo new --kind \u003ckind\u003e \u003cname\u003e/_index.md Partials T' define how yer archetypes be rendered, define correspond'n partial files 'n yer projects directory layouts/partials/archetypes/\u003ckind\u003e.\nIf ye use an unknown archetype 'n yer frontmatter, th' default archetype will be used t' generate th' plank.\nRelated t' each archetype, several hook partial files 'n th' form o' \u003chook\u003e.html can be given inside each archetype directory. If a partial fer a specific hook be miss'n, no output be generated fer this hook.\nTh' follow'n hooks be used:\nName Notes styleclass Defines a set o' CSS classes t' be added t' th' HTML’s \u003cmain\u003e element. Ye can use these classes t' define own CSS rules 'n yer custom-header.html article Defines th' HTML how t' render yer rrrambl'n Take a look at th' exist'n archetypes o' this theme t' get an idea how t' utilize it.\nOutput formats Each hook file can be overridden o' a specific output format. Eg. if ye define a new output format PLAINTEXT 'n yer config.toml, ye can add a file layouts/partials/archetypes/default.plaintext.html t' change th' way how normal rrrambl'n be written fer that output format.\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nUs'n th' command: hugo new [relative new rrrambl'n path], ye can start a rrrambl'n file wit' th' date an' title automatically set. While this be a welcome feature, active writers need more: archetypes. These be preconfigured skeleton planks wit' default frontmatter.\nTh' Relearrrn theme defines some few archetypes o' planks but ye be free t' define new ones t' yer lik'n. All can be used at any level o' th' documentat'n, th' only difference be'n th' layout o' th' rrrambl'n.\nPredefined Archetypes Home A Home plank be th' start'n plank o' yer project. It’s best t' have only one plank o' this kind 'n yer project.\nT' create a home plank, run th' follow'n command\nhugo new --kind home _index.md This leads t' a file wit' th' follow'n rrrambl'n\n+++ archetype = \"home\" title = \"{{ replace .Name \"-\" \" \" | title }}\" +++ Lorem Ipsum. Chapter A Chapter 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.\nT' create a chapter plank, run th' follow'n command\nhugo new --kind chapter \u003cname\u003e/_index.md This leads t' a file wit' th' follow'n rrrambl'n\n+++ archetype = \"chapter\" title = \"{{ replace .Name \"-\" \" \" | title }}\" weight = X +++ Lorem Ipsum. Replace th' X 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.\nDefault A Default 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.\nT' create a default plank, run either one o' th' follow'n commands\nhugo new \u003cchapter\u003e/\u003cname\u003e/_index.md or\nhugo new \u003cchapter\u003e/\u003cname\u003e.md This leads t' a file wit' th' follow'n rrrambl'n\n+++ title = \"{{ replace .Name \"-\" \" \" | title }}\" weight = X +++ Lorem Ipsum. Replace th' X wit' a number or delete th' whole weight parameter entirely.\nSelf defined Archetypes If ye be 'n need o' further archetypes ye can define yer own or even redefine exist'n ones.\nTemplate Define a template file 'n yer project at archetypes/\u003ckind\u003e.md an' make sure it has at least th' frontmatter parameter fer that archetype like\n+++ archetype = \"\u003ckind\u003e\" +++ Afterwards ye can generate new rrrambl'n files o' that kind wit' th' follow'n command\nhugo new --kind \u003ckind\u003e \u003cname\u003e/_index.md Partials T' define how yer archetypes be rendered, define correspond'n partial files 'n yer projects directory layouts/partials/archetypes/\u003ckind\u003e.\nIf ye use an unknown archetype 'n yer frontmatter, th' default archetype will be used t' generate th' plank.\nRelated t' each archetype, several hook partial files 'n th' form o' \u003chook\u003e.html can be given inside each archetype directory. If a partial fer a specific hook be miss'n, no output be generated fer this hook.\nTh' follow'n hooks be used:\nName Notes styleclass Defines a set o' CSS classes t' be added t' th' HTML’s \u003cmain\u003e element. Ye can use these classes t' define own CSS rules 'n yer custom-header.html article Defines th' HTML how t' render yer rrrambl'n Take a look at th' exist'n archetypes o' this theme t' get an idea how t' utilize it.\nOutput formats Each hook file can be overridden o' a specific output format. Eg. if ye define a new output format PLAINTEXT 'n yer config.toml, ye can add a file layouts/partials/archetypes/default.plaintext.html t' change th' way how normal rrrambl'n be written fer that output format.\n",
     "description": "",
     "tags": null,
     "title": "Arrrchetypes",
     "uri": "/pir/cont/archetypes/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nFind out how t' create an' org'nize yer rrrambl'n quickly an' intuitively.\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nFind out how t' create an' org'nize yer rrrambl'n quickly an' intuitively.\n",
     "description": "",
     "tags": null,
     "title": "Rambl'n",
     "uri": "/pir/cont/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nThis document shows ye what’s new 'n th' latest release. For a detailed list o' changes, see th' history plank.\n0.95.0 Th' minimum required Cap'n Hugo version.\nBreak'n A change that requires act'n by ye aft upgrad'n t' assure th' ship be still functional.\nChange A change 'n default behavior that may requires act'n by ye if ye want t' revert it.\nNew Marks new behavior ye might find interest'n or comes configur'ble.\n5.11.0 (2023-02-07) Change Th' theme removed th' popular jQuery library from its distribut'n.\nIn case ye made changes t' th' theme that be dependend on this library ye can place a copy o' jQuery into yer static/js directory an' board it from yer own layouts/partials/custom-header.html like this:\n\u003cscript src=\"{{\"js/jquery.min.js\"| relURL}}{{ if $assetBust'n }}?{{ now.Unix }}{{ end }}\" defer\u003e\u003c/script\u003e Change Merrrmaid diagrams can now be configured fer pan an' zoom on site-, page-level or individually fer each graph.\nTh' default sett'n o' on, 'n effect since 1.1.0, changed back t' off as there was interference wit' scroll'n on mobile an' big planks.\nChange Th' theme be now cap'ble t' visually adapt t' yer OS’s light/dark mode sett'n.\nThis be also th' new default sett'n if ye haven’t configured themeVariant 'n yer config.toml.\nAdditionally ye can configure th' variants t' be taken fer light/dark mode wit' th' new themeVariantAuto parameter.\nThis be not supported fer Internet Explorer 11, which still displays 'n th' relearn-light variant.\nChange Th' JavaScript code fer handl'n image lightboxes (provided by Featherlight) was replaced by a CSS-only solut'n.\nThis also changed th' lightbox effects parameter from featherlight=false t' lightbox=false. Nevertheless ye don’t need t' change anyth'n as th' old name will be used as a fallback.\nChange In th' effort t' comply wit' WCAG standards, th' implementat'n o' th' expand shortcode was changed. While Internet Explorer 11 has issues 'n display'n it, th' functionality still works.\nNew Translat'n fer Czech. This language be not supported fer search.\nNew GitHub releases be also now tagged fer th' main version (eg. 1.2.x), major version (eg. 1.x) an' th' latest (just x) release mak'n it easier fer ye t' pin th' theme t' a certain version.\n5.10.0 (2023-01-25) New Th' attachments, badge, button an' notice shorrrtcodes have a new parameter color t' set arbitrary CSS color values.\nAdditionally th' --ACCENT-color brand color introduced 'n version 5.8.0 be now supported wit' these shorrrtcodes.\n5.9.0 (2022-12-23) Change Th' required folder name fer th' attachments shortcode was changed fer leaf bundles.\nPreviously, th' attachments fer leaf bundles 'n non-multilang setups were required t' be 'n a files subdirectory. For plank bundles an' leaf bundles 'n multilang setups they were always required t' be 'n a _index.\u003cLANGCODE\u003e.files or index.\u003cLANGCODE\u003e.files subdirectory accordingly.\nThis added unnessessary complexity. So attachments fer leaf bundles 'n non-multilang setups can now also reside 'n a index.files directory. Although th' old files directory be now deprecated, if both directories be present, only th' old files directory will be used fer compatiblity.\nChange Absolute links prefixed wit' http:// or https:// be now opened 'n a separate browser tab.\nYe can revert back t' th' old behavior by defin'n externalLinkTarget=\"_self\" 'n th' params section o' yer config.toml.\nNew Th' theme now supports Hugo’s module system.\n5.8.0 (2022-12-08) New Th' new badge shortcode be now avail'ble t' add highly configur'ble markers t' yer rrrambl'n as ye can see it on this plank.\nNew Th' new ay'con shortcode simplyfies th' usage o' ay'cons. This can even be combined wit' also new badge shortcode.\nNew Th' theme now supports some o' GFM (GitHub Flavored Markdown) rules an' Cap'n Hugo Marrrkdown extensions, namely task lists, defint'n lists an' footnotes.\nNew A new color --ACCENT-color was introduced which be used fer highlightn'n search results on th' plank. In case ye simply don’t care, ye don’t need t' change anyth'n 'n yer variant stylesheet as th' old yellow color be still used as default.\n5.7.0 (2022-11-29) Change Th' Korean language translat'n fer this theme be now avail'ble wit' th' language code ko. Formerly th' country code kr was used instead.\nNew Th' button shortcode can now also be used as a real button inside o' HTML forms - although this be a pretty rare use case. Th' documentat'n was updated accordingly.\nNew Th' search now supports th' Korean language.\n5.6.0 (2022-11-18) New This release introduces an additional dedicated search plank. On this plank, displayed search results have more space mak'n it easier scann'n thru large number o' results.\nT' activate this feature, ye need t' configure it 'n yer config.toml as a new outputformat SEARCHPAGE fer th' home plank. If ye don’t configure it, no dedicated search plank will be access'ble an' th' theme works as before.\nYe can access th' search plank by either click'n on th' magnifier glass or press'n enter inside o' th' search box.\nNew Keyboard handl'n fer th' TOC an' search was improved.\nPress'n CTRL+ALT+t now will not only toggle th' TOC overlay but also places th' focus t' th' first head'n on open'n. Subsequently this makes it poss'ble t' easily select head'ns by us'n th' TAB key.\nTh' search received its own brand new keyboard shortcut CTRL+ALT+f. This will focus th' cursor inside o' th' the search box so ye can immediately start yer search by typ'n.\nNew Ye be now able t' turn off th' generat'n o' generator meta tags 'n yer HTML head t' hide th' used versions o' Cap'n Hugo an' this theme.\nT' configure this 'n yer config.toml make sure t' set Hugo’s disableHugoGeneratorInject=true an' also [params] disableGeneratorVersion=true, otherwise Cap'n Hugo will generate a meta tag into yer home plank automagically.\nNew Creat'n o' yer project gets a little bit faster wit' this release.\nThis addresses increased build time wit' th' 5.x releases. Th' theme now heavily caches partial results lead'n t' improved performance. T' further increase performance, unnecessary parts o' th' plank be now skipped fer creat'n o' th' print output (eg. menus, navigat'n bar, etc.).\n5.5.0 (2022-11-06) Change Th' way images be processed has changed. Now images be lazy boarded by default which speeds up plank board on slow networks and/or big planks an' also th' print preview.\nFor that th' JavaScript code t' handle th' lightbox an' image effects on th' client side was removed 'n favour fer static generat'n o' those effects on th' server.\nIf ye have used HTML directly 'n yer Marrrkdown files, this now has th' downside that it doesn’t respect th' effect query parameter anymore. In this case ye have t' migrate all yer HTML img URLs manually t' th' respective HTML attributes.\nOld New \u003cimg src=\"pic.png?width=20vw\u0026classes=shadow,border\"\u003e \u003cimg src=\"pic.png\" style=\"width:20vw;\" class=\"shadow border\"\u003e 5.4.0 (2022-11-01) Change Wit' th' proper sett'ns 'n yer config.toml yer plank be now serv'ble from th' local file system us'n file:// URLs.\nPlease note that th' searchbox will only work fer this if ye reconfigure yer outputformat fer th' homepage 'n yer config.toml from JSON t' SEARCH. Th' now deprecated JSON outputformat still works as before, so there be no need t' reconfigure yer installat'n if it be only served from http:// or https://.\nChange Th' button shortcode has a new parameter target t' set th' destinat'n frame/window fer th' URL t' open. If not given, it defaults t' a new window/tab fer external URLs or be not set at all fer internal URLs. Previously even internal URLs whar' opened 'n a new window/tab.\nNew Th' math shortcode an' mermaid shortcode now also support th' align parameter if codefence rules be used.\nNew Support fer languages that be written right t' left (like Arabic). This be only implemented fer th' rrrambl'n area but not th' navigat'n sidebar. This feature be not avail'ble 'n Internet Explorer 11.\nNew Translat'n fer Finnish (Suomi).\n5.3.0 (2022-10-07) Change In th' effort t' comply wit' WCAG standards, th' implementat'n o' th' collaps'ble menu was changed. Th' functionality o' th' new implementat'n does not work wit' old browsers (Internet Explorer 11).\nNew Image formatt'n has two new classes t' align images t' th' left or right. Additionally, th' already exist'n inline opt'n be now documented.\nNew Print'n fer th' swagger shortcode was optimized t' expand sections that be usually closed 'n interactive mode. This requires print support t' be configured.\n5.2.0 (2022-08-03) Change If you’ve set collapsibleMenu = true 'n yer config.toml, th' menu will be expanded if a search term be found 'n a collapsed submenu. Th' menu will return t' its initial collapse state once th' search term does not match any submenus. 5.1.0 (2022-07-15) 0.95.0 This release requires a newer Cap'n Hugo version.\nChange Because th' print preview URLs were non deterministic fer normal planks 'n comparison t' plank bundles, this be now changed. Each print preview be now access'ble by add'n a index.print.html t' th' default URL.\nYe can revert this behavior by overwrit'n th' PRINT output format sett'n 'n yer config.tomlt':\n[outputFormats] [outputFormats.PRINT] name= \"PRINT\" baseName = \"index\" path = \"_print\" isHTML = true mediaType = 'text/html' permalink'ble = false 5.0.0 (2022-07-05) Break'n Th' theme changed how JavaScript an' CSS dependencies be boarded t' provide a better performance. In case you’ve added own JavaScript code that depends on th' themes jQuery implementat'n, ye have t' put it into a separate *.js file (if not already) an' add th' defer keyword t' th' script element. Eg.\n\u003cscript defer src=\"myscript.js\"\u003e\u003c/script\u003e Change Th' way archetypes be used t' generate output has changed. Th' new systems allows ye, t' redefine exist'n archetypes or even generate yer own ones.\nYer exist'n markdown files will still work like before an' therefore ye don’t need t' change anyth'n aft th' upgrade. Nevertheless, it be recommended t' adapt yer exist'n markdown files t' th' new way as follows:\nfer yer home plank, add th' frontmatter parameter archetype = \"home\" an' remove th' lead'n head'n\nfer all files contain'n th' deprecated frontmatter parameter chapter = true, replace it wit' archetype = \"chapter\" an' remove th' lead'n head'ns\nChange Th' frontmatter opt'ns pre / post were renamed t' menuPre / menuPost. Th' old opt'ns will still be used if th' new opt'ns aren’t set. Therefore ye don’t need t' change anyth'n aft th' upgrade.\nNew Add'n new partials heading-pre.html / heading-post.html an' accord'n frontmatter opt'ns headingPre / headingPost t' modify th' way yer page`s main head'n gets styled.\nNew Th' new shortcode math be avail'ble t' add beautiful math an' chemical formulae. See th' documentat'n fer avail'ble features. This feature will not work wit' Internet Explorer 11.\n4.2.0 (2022-06-23) Break'n Th' second parameter fer th' include shortcode was switched 'n mean'n an' was renamed from showfirsthead'n t' hidefirsthead'n. If ye haven’t used this parameter 'n yer shortcode, th' default behavior hasn’t changed an' ye don’t need t' change anyth'n.\nIf you’ve used th' second boolean parameter, ye have t' rename it an' invert its value t' achieve th' same behavior.\nChange Previously, if th' tabs shortcode could not find a tab item because, th' tabs ended up empty. Now th' first tab be selected instead.\nChange Th' landingPageURL was removed from config.toml. Ye can safely remove this as well from yer configurat'n as it be not used anymore. Th' theme will detect th' land'n plank URL automatically.\nNew All shorrrtcodes can now be also called from yer partials. Examples fer this be added t' th' documentat'n o' each shortcode.\n4.1.0 (2022-06-12) New While fix'n issues wit' th' search functionality fer non Latin languages, ye can now configure t' have multiple languages on a single plank. 4.0.0 (2022-06-05) Break'n Th' custom_css config parameter was removed from th' configurat'n. If used 'n an exist'n installat'n, it can be achieved by overrid'n th' custom-header.html template 'n a much more generic manner.\nBreak'n Because anchor hover color was not configur'ble without introduc'n more complexity t' th' variant stylesheets, we decided t' remove --MAIN-ANCHOR-color instead. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' anchors now get their colors from --MAIN-LINK-color an' --MAIN-ANCHOR-HOVER-color respectively.\nNew All shorrrtcodes now support named parameter. Th' positional parameter be still supported but will not be enhanced wit' new features, so ye don’t need t' change anyth'n 'n yer installat'n.\nThis applies t' expand, include, notice an' siteparam.\nNew Th' button shortcode received some love an' now has a parameter fer th' color style similar t' other shorrrtcodes.\nNew New colors --PRIMARY-color an' --SECONDARY-color were added t' provide easier modificat'n o' yer custom style. Shorrrtcodes wit' a color style can now have primary or secondary as additional values.\nThese two colors be th' default fer other, more specific color variables. Ye don’t need t' change anyth'n 'n yer exist'n custom color stylesheets as those variables get reason'ble default values.\nNew Translat'n fer Polish. This language be not supported fer search.\nNew Th' documentat'n fer all shorrrtcodes were revised.\n3.4.0 (2022-04-03) Break'n If ye had previously overwritten th' custom-footer.html partial t' add visual elements below th' rrrambl'n o' yer plank, ye have t' move this rrrambl'n t' th' new partial content-footer.html. custom-footer.html was never meant t' contain HTML other than additional styles an' JavaScript.\nNew If ye prefer expandable/collaps'ble menu items, ye can now set collapsibleMenu=true 'n yer config.toml. This will add arrows t' all menu items that contain sub menus. Th' menu will expand/collapse without navigat'n if ye click on an arrow.\nNew Ye can activate print support 'n yer config.toml t' add th' capability t' print whole chapters or even th' complete ship.\nNew Translat'n fer Traditional Chinese.\n3.3.0 (2022-03-28) New Introduct'n o' new CSS variables t' set th' font. Th' theme distinguishes between --MAIN-font fer all rrrambl'n text an' --CODE-font fer inline or block code. There be additional overrides fer all head'ns. See th' theme variant generator o' th' exampleSite fer all avail'ble variables.\nNew Th' new shortcode swagger be avail'ble t' include a UI fer REST OpenAPI Specificat'ns. See th' documentat'n fer avail'ble features. This feature will not work wit' Internet Explorer 11.\n3.2.0 (2022-03-19) 0.93.0 This release requires a newer Cap'n Hugo version.\nChange In this release th' Merrrmaid JavaScript library will only be boarded on demand if th' plank contains a Merrrmaid shortcode or be us'n Merrrmaid codefences. This changes th' behavior o' disableMermaid config opt'n as follows: If a Merrrmaid shortcode or codefence be found, th' opt'n will be ignored an' Merrrmaid will be boarded regardlessly.\nTh' opt'n be still useful 'n case ye be us'n script'n t' set up yer graph. In this case no shortcode or codefence be involved an' th' library be not boarded by default. In this case ye can set disableMermaid=false 'n yer frontmatter t' force th' library t' be boarded. See th' theme variant generator o' th' exampleSite fer an example.\nNew Additional color variant vari'ble --MERMAID-theme t' set th' variant’s Merrrmaid theme. This causes th' Merrrmaid theme t' switch wit' th' color variant if it defers from th' sett'n o' th' formerly selected color variant.\n3.1.0 (2022-03-15) New attachment an' notice shorrrtcodes have a new parameter t' override th' default ay'con. Allowed values be all Font Awesome 5 Free ay'cons. 3.0.0 (2022-02-22) Break'n We made changes t' th' menu footer. If ye have yer menu-footer.html partial overridden, ye may have t' review th' styl'n (eg. margins/paddings) 'n yer partial. For a reference take a look into th' menu-footer.html partial that be com'n wit' th' exampleSite.\nThis change was made t' allow yer own menu footer t' be placed right aft th' so called prefooter that comes wit' th' theme (contain'n th' language switch an' Clear history functionality).\nBreak'n We have changed th' default colors from th' original Learrrn theme (the purple menu header) t' th' Relearrrn defaults (the light green menu header) as used 'n th' official documentat'n.\nThis change will only affect yer installat'n if you’ve not set th' themeVariant parameter 'n yer config.toml. If ye still want t' use th' Learrrn color variant, ye have t' explicitly set themeVariant=\"learn\" 'n yer config.toml.\nAvast, that this will also affect yer ship if viewed wit' Internet Explorer 11 but 'n this case it can not be reconfigured as Internet Explorer does not support CSS variables.\nChange Due t' a bug, that we couldn’t fix 'n a general manner fer color variants, we decided t' remove --MENU-SEARCH-BOX-ICONS-color an' introduced --MENU-SEARCH-color instead. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nChange For consistency reasons, we renamed --MENU-SEARCH-BOX-color t' --MENU-SEARCH-BORDER-color. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nNew Wit' this release ye be now cap'ble t' define yer own dark mode variants.\nT' make this poss'ble, we have introduced a lot more color variables ye can use 'n yer color variants. Yer old variants will still work an' don’t need t' be changed as appropriate fallback values be used by th' theme. Nevertheless, th' new colors allow fer much more customizat'n.\nT' see what’s now poss'ble, see th' new variants relearn-dark an' neon that be com'n wit' this release.\nNew T' make th' creat'n o' new variants easier fer ye, we’ve added a new interactive theme variant generator. This feature will not work wit' Internet Explorer 11.\nNew Ye can now configure multiple color variants 'n yer config.toml. In this case, th' first variant be th' default chosen on first view an' a variant switch will be shown 'n th' menu footer. See th' documentat'n fer configurat'n.\nAvast, that th' new variant switch will not work wit' Internet Explorer 11 as it does not support CSS variables. Therefore, th' variant switcher will not be displayed wit' Internet Explorer 11.\n2.9.0 (2021-11-19) Break'n This release removes th' themes implementat'n o' ref/relref 'n favor fer Hugos standard implementat'n. This be because o' inconsistencies wit' th' themes implementat'n. In advantage, yer project becomes standard compliant an' exchang'n this theme 'n yer project t' some other theme will be effortless.\nIn a standard compliant form ye must not link t' th' *.md file but t' its logical name. You’ll see, referenc'n other planks becomes much easier. All three types result 'n th' same reference:\nType Non-Standard Standard Branch bundle basics/configuration/_index.md basics/configurat'n Leaf bundle basics/configuration/index.md basics/configurat'n Plank basics/configurat'n.md basics/configurat'n If you’ve linked from a plank o' one language t' a plank o' another language, conversion be a bit more difficult but Cap'n Hugo got ye covered as well.\nAlso, th' old themes implementat'n allowed refs t' non-exist'n rrrambl'n. This will cause Hugos implementat'n t' show th' error below an' abort th' generat'n. If yer project relies on this old behavior, ye can reconfigure th' error handl'n o' Hugos implementat'n.\nIn th' best case yer usage o' th' old implementat'n be already standard compliant an' ye don’t need t' change anyth'n. You’ll notice this very easily once you’ve started hugo server aft an upgrade an' no errors be written t' th' console.\nYe may see errors on th' console aft th' update 'n th' form:\nERROR 2021/11/19 22:29:10 [en] REF_NOT_FOUND: Ref \"basics/configuration/_index.md\": \"hugo-theme-relearn\\exampleSite\\content\\_index.en.md:19:22\": plank not found In this case, ye must apply one o' two opt'ns:\nCopy th' old implementat'n files theme/hugo-theme-relearn/layouts/shortcode/ref.html an' theme/hugo-theme-relearn/layouts/shortcode/relref.html t' yer own projects layouts/shortcode/ref.html an' layouts/shortcode/relref.html respectively. This be not recommended as yer project will still rely on non-standard behavior afterwards.\nStart up a text editor wit' regular expression support fer search an' replace. Apply th' follow'n conversions 'n th' given order on all *.md files. This be th' recommended choice.\nType Search Replace by Branch bundle (ref\\s+\"[^\"]*)/_index\\.md\" $1\" Leaf bundle (ref\\s+\"[^\"]*)/index\\.md\" $1\" Plank (ref\\s+\"[^\"]*)\\.md\" $1\" 2.8.0 (2021-11-03) Change Although never officially documented, this release removes th' font Novacento/Novecento. If ye use it 'n an overwritten CSS please replace it wit' Work Sans. This change was necessary as Novacento did not provide all Latin special characters an' lead t' mixed styled character text eg. fer Czech.\nNew Th' theme now supports favicons served from static/images/ named as favicon or logo 'n SVG, PNG or ICO format out o' th' box. An overridden partial layouts/partials/favicon.html may not be necessary anymore 'n most cases.\nNew Ye can hide th' t'ble o' contents menu fer th' whole ship by sett'n th' disableToc opt'n 'n yer config.toml. For an example see th' example configurat'n.\n2.7.0 (2021-10-24) New Optional second parameter fer notice shortcode t' set title 'n box header. 2.6.0 (2021-10-21) New Yer ship can now be served from a subfolder if ye set baseURL an' canonifyURLs=true 'n yer config.toml. See th' documentat'n fer a detailed example. 2.5.0 (2021-10-08) Change New colors --CODE-BLOCK-color an' --CODE-BLOCK-BG-color were added t' provide a fallback fer Hugos rules highlight'n 'n case guessSyntax=true be set. Ideally th' colors be set t' th' same values as th' ones from yer chosen chroma style. 2.4.0 (2021-10-07) Change Creat'n o' customized stylesheets was simplified down t' only contain th' CSS variables. Everyth'n else can an' should be deleted from yer custom stylesheet t' assure everyth'n works fine. For th' predefined stylesheet variants, this change be already included.\nNew Hidden planks be displayed by default 'n their accord'n tags plank. Ye can now turn off this behavior by sett'n disableTagHiddenPages=true 'n yer config.toml.\nNew Ye can define th' expansion state o' yer menus fer th' whole ship by sett'n th' alwaysopen opt'n 'n yer config.toml. Please see further documentat'n fer poss'ble values an' default behavior.\nNew New frontmatter ordersectionsby opt'n t' change immediate children sort'n 'n menu an' children shortcode. Poss'ble values be title or weight.\nNew Alternate rrrambl'n o' a plank be now advertised 'n th' HTML meta tags. See Cap'n Hugo documentat'n.\n2.3.0 (2021-09-13) 0.81.0 This release requires a newer Cap'n Hugo version.\nNew Showcase multilanguage features by provid'n a documentat'n translat'n “fer us pirrrates”. There will be no other translat'ns besides th' original English one an' th' Pirates one due t' maintenance constraints.\n2.2.0 (2021-09-09) New Hidden planks be displayed by default 'n th' sitemap generated by Cap'n Hugo an' be therefore vis'ble fer search engine index'n. Ye can now turn off this behavior by sett'n disableSeoHiddenPages=true 'n yer config.toml. 2.1.0 (2021-09-07) 0.69.0 This release requires a newer Cap'n Hugo version.\nChange In case th' site’s structure contains additional *.md files not part o' th' ship (eg files that be meant t' be included by ship planks - see CHANGELOG.md 'n th' exampleSite), they will now be ignored by th' search.\nNew Hidden planks be indexed fer th' ship search by default. Ye can now turn off this behavior by sett'n disableSearchHiddenPages=true 'n yer config.toml.\nNew If a search term be found 'n an expand shortcode, th' expand will be opened.\nNew Th' menu will scroll th' active item into view on board.\n2.0.0 (2021-08-28) Change Rules highlight'n was switched t' th' built 'n Hugo mechanism. Ye may need t' configure a new stylesheet or decide t' roll ye own as described on 'n th' Cap'n Hugo documentat'n\nChange In th' predefined stylesheets there was a typo an' --MENU-HOME-LINK-HOVERED-color must be changed t' --MENU-HOME-LINK-HOVER-color. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nChange --MENU-HOME-LINK-color an' --MENU-HOME-LINK-HOVER-color were miss'n 'n th' documentat'n. Ye should add them t' yer custom stylesheets if ye want t' override th' defaults.\nChange Arrow navigat'n an' children shortcode were ignor'n sett'n fer ordersectionsby. This be now changed an' may result 'n different sort'n order o' yer sub planks.\nChange If hidden planks be accessed directly by typ'n their URL, they will be exposed 'n th' menu.\nChange A plank without a title will be treated as hidden=true.\nNew Ye can define th' expansion state o' yer menus 'n th' frontmatter. Please see further documentat'n fer poss'ble values an' default behavior.\nNew New partials fer defin'n pre/post rrrambl'n fer menu items an' th' rrrambl'n. See documentat'n fer further read'n.\nNew Shortcode children wit' new parameter containerstyle.\nNew New shortcode include t' include arbitrary file rrrambl'n into a plank.\n1.2.0 (2021-07-26) New Shortcode expand wit' new parameter t' open on plank board. 1.1.0 (2021-07-02) Break'n Merrrmaid diagrams can now be panned an' zoomed. This isn’t configur'ble yet.\nNew Merrrmaid config opt'ns can be set 'n config.toml.\n1.0.0 (2021-07-01) 0.65.0 Th' requirement fer th' Cap'n Hugo version o' this theme be th' same as fer th' Learrrn theme version 2.5.0 on 2021-07-01.\nNew Initial fork o' th' Learrrn theme based on Learrrn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename t' Relearrrn an' a new logo. For th' reasons behind fork'n th' Learrrn theme, see this comment 'n th' Learrrn issues.\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nThis document shows ye what’s new 'n th' latest release. For a detailed list o' changes, see th' history plank.\n0.95.0 Th' minimum required Cap'n Hugo version.\nBreak'n A change that requires act'n by ye aft upgrad'n t' assure th' ship be still functional.\nChange A change 'n default behavior that may requires act'n by ye if ye want t' revert it.\nNew Marks new behavior ye might find interest'n or comes configur'ble.\n5.11.0 (2023-02-07) Change Th' theme removed th' popular jQuery library from its distribut'n.\nIn case ye made changes t' th' theme that be dependend on this library ye can place a copy o' jQuery into yer static/js directory an' board it from yer own layouts/partials/custom-header.html like this:\n\u003cscript src=\"{{\"js/jquery.min.js\"| relURL}}{{ if $assetBust'n }}?{{ now.Unix }}{{ end }}\" defer\u003e\u003c/script\u003e Change Merrrmaid diagrams can now be configured fer pan an' zoom on site-, page-level or individually fer each graph.\nTh' default sett'n o' on, 'n effect since 1.1.0, changed back t' off as there was interference wit' scroll'n on mobile an' big planks.\nChange Th' theme be now cap'ble t' visually adapt t' yer OS’s light/dark mode sett'n.\nThis be also th' new default sett'n if ye haven’t configured themeVariant 'n yer config.toml.\nAdditionally ye can configure th' variants t' be taken fer light/dark mode wit' th' new themeVariantAuto parameter.\nThis be not supported fer Internet Explorer 11, which still displays 'n th' relearn-light variant.\nChange Th' JavaScript code fer handl'n image lightboxes (provided by Featherlight) was replaced by a CSS-only solut'n.\nThis also changed th' lightbox effects parameter from featherlight=false t' lightbox=false. Nevertheless ye don’t need t' change anyth'n as th' old name will be used as a fallback.\nChange In th' effort t' comply wit' WCAG standards, th' implementat'n o' th' expand shortcode was changed. While Internet Explorer 11 has issues 'n display'n it, th' functionality still works.\nNew Translat'n fer Czech. This language be not supported fer search.\nNew GitHub releases be also now tagged fer th' main version (eg. 1.2.x), major version (eg. 1.x) an' th' latest (just x) release mak'n it easier fer ye t' pin th' theme t' a certain version.\n5.10.0 (2023-01-25) New Th' attachments, badge, button an' notice shorrrtcodes have a new parameter color t' set arbitrary CSS color values.\nAdditionally th' --ACCENT-color brand color introduced 'n version 5.8.0 be now supported wit' these shorrrtcodes.\n5.9.0 (2022-12-23) Change Th' required folder name fer th' attachments shortcode was changed fer leaf bundles.\nPreviously, th' attachments fer leaf bundles 'n non-multilang setups were required t' be 'n a files subdirectory. For plank bundles an' leaf bundles 'n multilang setups they were always required t' be 'n a _index.\u003cLANGCODE\u003e.files or index.\u003cLANGCODE\u003e.files subdirectory accordingly.\nThis added unnessessary complexity. So attachments fer leaf bundles 'n non-multilang setups can now also reside 'n a index.files directory. Although th' old files directory be now deprecated, if both directories be present, only th' old files directory will be used fer compatiblity.\nChange Absolute links prefixed wit' http:// or https:// be now opened 'n a separate browser tab.\nYe can revert back t' th' old behavior by defin'n externalLinkTarget=\"_self\" 'n th' params section o' yer config.toml.\nNew Th' theme now supports Hugo’s module system.\n5.8.0 (2022-12-08) New Th' new badge shortcode be now avail'ble t' add highly configur'ble markers t' yer rrrambl'n as ye can see it on this plank.\nNew Th' new ay'con shortcode simplyfies th' usage o' ay'cons. This can even be combined wit' also new badge shortcode.\nNew Th' theme now supports some o' GFM (GitHub Flavored Markdown) rules an' Cap'n Hugo Marrrkdown extensions, namely task lists, defint'n lists an' footnotes.\nNew A new color --ACCENT-color was introduced which be used fer highlightn'n search results on th' plank. In case ye simply don’t care, ye don’t need t' change anyth'n 'n yer variant stylesheet as th' old yellow color be still used as default.\n5.7.0 (2022-11-29) Change Th' Korean language translat'n fer this theme be now avail'ble wit' th' language code ko. Formerly th' country code kr was used instead.\nNew Th' button shortcode can now also be used as a real button inside o' HTML forms - although this be a pretty rare use case. Th' documentat'n was updated accordingly.\nNew Th' search now supports th' Korean language.\n5.6.0 (2022-11-18) New This release introduces an additional dedicated search plank. On this plank, displayed search results have more space mak'n it easier scann'n thru large number o' results.\nT' activate this feature, ye need t' configure it 'n yer config.toml as a new outputformat SEARCHPAGE fer th' home plank. If ye don’t configure it, no dedicated search plank will be access'ble an' th' theme works as before.\nYe can access th' search plank by either click'n on th' magnifier glass or press'n enter inside o' th' search box.\nNew Keyboard handl'n fer th' TOC an' search was improved.\nPress'n CTRL+ALT+t now will not only toggle th' TOC overlay but also places th' focus t' th' first head'n on open'n. Subsequently this makes it poss'ble t' easily select head'ns by us'n th' TAB key.\nTh' search received its own brand new keyboard shortcut CTRL+ALT+f. This will focus th' cursor inside o' th' the search box so ye can immediately start yer search by typ'n.\nNew Ye be now able t' turn off th' generat'n o' generator meta tags 'n yer HTML head t' hide th' used versions o' Cap'n Hugo an' this theme.\nT' configure this 'n yer config.toml make sure t' set Hugo’s disableHugoGeneratorInject=true an' also [params] disableGeneratorVersion=true, otherwise Cap'n Hugo will generate a meta tag into yer home plank automagically.\nNew Creat'n o' yer project gets a little bit faster wit' this release.\nThis addresses increased build time wit' th' 5.x releases. Th' theme now heavily caches partial results lead'n t' improved performance. T' further increase performance, unnecessary parts o' th' plank be now skipped fer creat'n o' th' print output (eg. menus, navigat'n bar, etc.).\n5.5.0 (2022-11-06) Change Th' way images be processed has changed. Now images be lazy boarded by default which speeds up plank board on slow networks and/or big planks an' also th' print preview.\nFor that th' JavaScript code t' handle th' lightbox an' image effects on th' client side was removed 'n favour fer static generat'n o' those effects on th' server.\nIf ye have used HTML directly 'n yer Marrrkdown files, this now has th' downside that it doesn’t respect th' effect query parameter anymore. In this case ye have t' migrate all yer HTML img URLs manually t' th' respective HTML attributes.\nOld New \u003cimg src=\"pic.png?width=20vw\u0026classes=shadow,border\"\u003e \u003cimg src=\"pic.png\" style=\"width:20vw;\" class=\"shadow border\"\u003e 5.4.0 (2022-11-01) Change Wit' th' proper sett'ns 'n yer config.toml yer plank be now serv'ble from th' local file system us'n file:// URLs.\nPlease note that th' searchbox will only work fer this if ye reconfigure yer outputformat fer th' homepage 'n yer config.toml from JSON t' SEARCH. Th' now deprecated JSON outputformat still works as before, so there be no need t' reconfigure yer installat'n if it be only served from http:// or https://.\nChange Th' button shortcode has a new parameter target t' set th' destinat'n frame/window fer th' URL t' open. If not given, it defaults t' a new window/tab fer external URLs or be not set at all fer internal URLs. Previously even internal URLs whar' opened 'n a new window/tab.\nNew Th' math shortcode an' mermaid shortcode now also support th' align parameter if codefence rules be used.\nNew Support fer languages that be written right t' left (like Arabic). This be only implemented fer th' rrrambl'n area but not th' navigat'n sidebar. This feature be not avail'ble 'n Internet Explorer 11.\nNew Translat'n fer Finnish (Suomi).\n5.3.0 (2022-10-07) Change In th' effort t' comply wit' WCAG standards, th' implementat'n o' th' collaps'ble menu was changed. Th' functionality o' th' new implementat'n does not work wit' old browsers (Internet Explorer 11).\nNew Image formatt'n has two new classes t' align images t' th' left or right. Additionally, th' already exist'n inline opt'n be now documented.\nNew Print'n fer th' swagger shortcode was optimized t' expand sections that be usually closed 'n interactive mode. This requires print support t' be configured.\n5.2.0 (2022-08-03) Change If you’ve set collapsibleMenu = true 'n yer config.toml, th' menu will be expanded if a search term be found 'n a collapsed submenu. Th' menu will return t' its initial collapse state once th' search term does not match any submenus. 5.1.0 (2022-07-15) 0.95.0 This release requires a newer Cap'n Hugo version.\nChange Because th' print preview URLs were non deterministic fer normal planks 'n comparison t' plank bundles, this be now changed. Each print preview be now access'ble by add'n a index.print.html t' th' default URL.\nYe can revert this behavior by overwrit'n th' PRINT output format sett'n 'n yer config.tomlt':\n[outputFormats] [outputFormats.PRINT] name= \"PRINT\" baseName = \"index\" path = \"_print\" isHTML = true mediaType = 'text/html' permalink'ble = false 5.0.0 (2022-07-05) Break'n Th' theme changed how JavaScript an' CSS dependencies be boarded t' provide a better performance. In case you’ve added own JavaScript code that depends on th' themes jQuery implementat'n, ye have t' put it into a separate *.js file (if not already) an' add th' defer keyword t' th' script element. Eg.\n\u003cscript defer src=\"myscript.js\"\u003e\u003c/script\u003e Change Th' way archetypes be used t' generate output has changed. Th' new systems allows ye, t' redefine exist'n archetypes or even generate yer own ones.\nYer exist'n markdown files will still work like before an' therefore ye don’t need t' change anyth'n aft th' upgrade. Nevertheless, it be recommended t' adapt yer exist'n markdown files t' th' new way as follows:\nfer yer home plank, add th' frontmatter parameter archetype = \"home\" an' remove th' lead'n head'n\nfer all files contain'n th' deprecated frontmatter parameter chapter = true, replace it wit' archetype = \"chapter\" an' remove th' lead'n head'ns\nChange Th' frontmatter opt'ns pre / post were renamed t' menuPre / menuPost. Th' old opt'ns will still be used if th' new opt'ns aren’t set. Therefore ye don’t need t' change anyth'n aft th' upgrade.\nNew Add'n new partials heading-pre.html / heading-post.html an' accord'n frontmatter opt'ns headingPre / headingPost t' modify th' way yer page`s main head'n gets styled.\nNew Th' new shortcode math be avail'ble t' add beautiful math an' chemical formulae. See th' documentat'n fer avail'ble features. This feature will not work wit' Internet Explorer 11.\n4.2.0 (2022-06-23) Break'n Th' second parameter fer th' include shortcode was switched 'n mean'n an' was renamed from showfirsthead'n t' hidefirsthead'n. If ye haven’t used this parameter 'n yer shortcode, th' default behavior hasn’t changed an' ye don’t need t' change anyth'n.\nIf you’ve used th' second boolean parameter, ye have t' rename it an' invert its value t' achieve th' same behavior.\nChange Previously, if th' tabs shortcode could not find a tab item because, th' tabs ended up empty. Now th' first tab be selected instead.\nChange Th' landingPageURL was removed from config.toml. Ye can safely remove this as well from yer configurat'n as it be not used anymore. Th' theme will detect th' land'n plank URL automatically.\nNew All shorrrtcodes can now be also called from yer partials. Examples fer this be added t' th' documentat'n o' each shortcode.\n4.1.0 (2022-06-12) New While fix'n issues wit' th' search functionality fer non Latin languages, ye can now configure t' have multiple languages on a single plank. 4.0.0 (2022-06-05) Break'n Th' custom_css config parameter was removed from th' configurat'n. If used 'n an exist'n installat'n, it can be achieved by overrid'n th' custom-header.html template 'n a much more generic manner.\nBreak'n Because anchor hover color was not configur'ble without introduc'n more complexity t' th' variant stylesheets, we decided t' remove --MAIN-ANCHOR-color instead. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' anchors now get their colors from --MAIN-LINK-color an' --MAIN-ANCHOR-HOVER-color respectively.\nNew All shorrrtcodes now support named parameter. Th' positional parameter be still supported but will not be enhanced wit' new features, so ye don’t need t' change anyth'n 'n yer installat'n.\nThis applies t' expand, include, notice an' siteparam.\nNew Th' button shortcode received some love an' now has a parameter fer th' color style similar t' other shorrrtcodes.\nNew New colors --PRIMARY-color an' --SECONDARY-color were added t' provide easier modificat'n o' yer custom style. Shorrrtcodes wit' a color style can now have primary or secondary as additional values.\nThese two colors be th' default fer other, more specific color variables. Ye don’t need t' change anyth'n 'n yer exist'n custom color stylesheets as those variables get reason'ble default values.\nNew Translat'n fer Polish. This language be not supported fer search.\nNew Th' documentat'n fer all shorrrtcodes were revised.\n3.4.0 (2022-04-03) Break'n If ye had previously overwritten th' custom-footer.html partial t' add visual elements below th' rrrambl'n o' yer plank, ye have t' move this rrrambl'n t' th' new partial content-footer.html. custom-footer.html was never meant t' contain HTML other than additional styles an' JavaScript.\nNew If ye prefer expandable/collaps'ble menu items, ye can now set collapsibleMenu=true 'n yer config.toml. This will add arrows t' all menu items that contain sub menus. Th' menu will expand/collapse without navigat'n if ye click on an arrow.\nNew Ye can activate print support 'n yer config.toml t' add th' capability t' print whole chapters or even th' complete ship.\nNew Translat'n fer Traditional Chinese.\n3.3.0 (2022-03-28) New Introduct'n o' new CSS variables t' set th' font. Th' theme distinguishes between --MAIN-font fer all rrrambl'n text an' --CODE-font fer inline or block code. There be additional overrides fer all head'ns. See th' theme variant generator o' th' exampleSite fer all avail'ble variables.\nNew Th' new shortcode swagger be avail'ble t' include a UI fer REST OpenAPI Specificat'ns. See th' documentat'n fer avail'ble features. This feature will not work wit' Internet Explorer 11.\n3.2.0 (2022-03-19) 0.93.0 This release requires a newer Cap'n Hugo version.\nChange In this release th' Merrrmaid JavaScript library will only be boarded on demand if th' plank contains a Merrrmaid shortcode or be us'n Merrrmaid codefences. This changes th' behavior o' disableMermaid config opt'n as follows: If a Merrrmaid shortcode or codefence be found, th' opt'n will be ignored an' Merrrmaid will be boarded regardlessly.\nTh' opt'n be still useful 'n case ye be us'n script'n t' set up yer graph. In this case no shortcode or codefence be involved an' th' library be not boarded by default. In this case ye can set disableMermaid=false 'n yer frontmatter t' force th' library t' be boarded. See th' theme variant generator o' th' exampleSite fer an example.\nNew Additional color variant vari'ble --MERMAID-theme t' set th' variant’s Merrrmaid theme. This causes th' Merrrmaid theme t' switch wit' th' color variant if it defers from th' sett'n o' th' formerly selected color variant.\n3.1.0 (2022-03-15) New attachment an' notice shorrrtcodes have a new parameter t' override th' default ay'con. Allowed values be all Font Awesome 5 Free ay'cons. 3.0.0 (2022-02-22) Break'n We made changes t' th' menu footer. If ye have yer menu-footer.html partial overridden, ye may have t' review th' styl'n (eg. margins/paddings) 'n yer partial. For a reference take a look into th' menu-footer.html partial that be com'n wit' th' exampleSite.\nThis change was made t' allow yer own menu footer t' be placed right aft th' so called prefooter that comes wit' th' theme (contain'n th' language switch an' Clear history functionality).\nBreak'n We have changed th' default colors from th' original Learrrn theme (the purple menu header) t' th' Relearrrn defaults (the light green menu header) as used 'n th' official documentat'n.\nThis change will only affect yer installat'n if you’ve not set th' themeVariant parameter 'n yer config.toml. If ye still want t' use th' Learrrn color variant, ye have t' explicitly set themeVariant=\"learn\" 'n yer config.toml.\nAvast, that this will also affect yer ship if viewed wit' Internet Explorer 11 but 'n this case it can not be reconfigured as Internet Explorer does not support CSS variables.\nChange Due t' a bug, that we couldn’t fix 'n a general manner fer color variants, we decided t' remove --MENU-SEARCH-BOX-ICONS-color an' introduced --MENU-SEARCH-color instead. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nChange For consistency reasons, we renamed --MENU-SEARCH-BOX-color t' --MENU-SEARCH-BORDER-color. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nNew Wit' this release ye be now cap'ble t' define yer own dark mode variants.\nT' make this poss'ble, we have introduced a lot more color variables ye can use 'n yer color variants. Yer old variants will still work an' don’t need t' be changed as appropriate fallback values be used by th' theme. Nevertheless, th' new colors allow fer much more customizat'n.\nT' see what’s now poss'ble, see th' new variants relearn-dark an' neon that be com'n wit' this release.\nNew T' make th' creat'n o' new variants easier fer ye, we’ve added a new interactive theme variant generator. This feature will not work wit' Internet Explorer 11.\nNew Ye can now configure multiple color variants 'n yer config.toml. In this case, th' first variant be th' default chosen on first view an' a variant switch will be shown 'n th' menu footer. See th' documentat'n fer configurat'n.\nAvast, that th' new variant switch will not work wit' Internet Explorer 11 as it does not support CSS variables. Therefore, th' variant switcher will not be displayed wit' Internet Explorer 11.\n2.9.0 (2021-11-19) Break'n This release removes th' themes implementat'n o' ref/relref 'n favor fer Hugos standard implementat'n. This be because o' inconsistencies wit' th' themes implementat'n. In advantage, yer project becomes standard compliant an' exchang'n this theme 'n yer project t' some other theme will be effortless.\nIn a standard compliant form ye must not link t' th' *.md file but t' its logical name. You’ll see, referenc'n other planks becomes much easier. All three types result 'n th' same reference:\nType Non-Standard Standard Branch bundle basics/configuration/_index.md basics/configurat'n Leaf bundle basics/configuration/index.md basics/configurat'n Plank basics/configurat'n.md basics/configurat'n If you’ve linked from a plank o' one language t' a plank o' another language, conversion be a bit more difficult but Cap'n Hugo got ye covered as well.\nAlso, th' old themes implementat'n allowed refs t' non-exist'n rrrambl'n. This will cause Hugos implementat'n t' show th' error below an' abort th' generat'n. If yer project relies on this old behavior, ye can reconfigure th' error handl'n o' Hugos implementat'n.\nIn th' best case yer usage o' th' old implementat'n be already standard compliant an' ye don’t need t' change anyth'n. You’ll notice this very easily once you’ve started hugo server aft an upgrade an' no errors be written t' th' console.\nYe may see errors on th' console aft th' update 'n th' form:\nERROR 2021/11/19 22:29:10 [en] REF_NOT_FOUND: Ref \"basics/configuration/_index.md\": \"hugo-theme-relearn\\exampleSite\\content\\_index.en.md:19:22\": plank not found In this case, ye must apply one o' two opt'ns:\nCopy th' old implementat'n files theme/hugo-theme-relearn/layouts/shortcode/ref.html an' theme/hugo-theme-relearn/layouts/shortcode/relref.html t' yer own projects layouts/shortcode/ref.html an' layouts/shortcode/relref.html respectively. This be not recommended as yer project will still rely on non-standard behavior afterwards.\nStart up a text editor wit' regular expression support fer search an' replace. Apply th' follow'n conversions 'n th' given order on all *.md files. This be th' recommended choice.\nType Search Replace by Branch bundle (ref\\s+\"[^\"]*)/_index\\.md\" $1\" Leaf bundle (ref\\s+\"[^\"]*)/index\\.md\" $1\" Plank (ref\\s+\"[^\"]*)\\.md\" $1\" 2.8.0 (2021-11-03) Change Although never officially documented, this release removes th' font Novacento/Novecento. If ye use it 'n an overwritten CSS please replace it wit' Work Sans. This change was necessary as Novacento did not provide all Latin special characters an' lead t' mixed styled character text eg. fer Czech.\nNew Th' theme now supports favicons served from static/images/ named as favicon or logo 'n SVG, PNG or ICO format out o' th' box. An overridden partial layouts/partials/favicon.html may not be necessary anymore 'n most cases.\nNew Ye can hide th' t'ble o' contents menu fer th' whole ship by sett'n th' disableToc opt'n 'n yer config.toml. For an example see th' example configurat'n.\n2.7.0 (2021-10-24) New Optional second parameter fer notice shortcode t' set title 'n box header. 2.6.0 (2021-10-21) New Yer ship can now be served from a subfolder if ye set baseURL an' canonifyURLs=true 'n yer config.toml. See th' documentat'n fer a detailed example. 2.5.0 (2021-10-08) Change New colors --CODE-BLOCK-color an' --CODE-BLOCK-BG-color were added t' provide a fallback fer Hugos rules highlight'n 'n case guessSyntax=true be set. Ideally th' colors be set t' th' same values as th' ones from yer chosen chroma style. 2.4.0 (2021-10-07) Change Creat'n o' customized stylesheets was simplified down t' only contain th' CSS variables. Everyth'n else can an' should be deleted from yer custom stylesheet t' assure everyth'n works fine. For th' predefined stylesheet variants, this change be already included.\nNew Hidden planks be displayed by default 'n their accord'n tags plank. Ye can now turn off this behavior by sett'n disableTagHiddenPages=true 'n yer config.toml.\nNew Ye can define th' expansion state o' yer menus fer th' whole ship by sett'n th' alwaysopen opt'n 'n yer config.toml. Please see further documentat'n fer poss'ble values an' default behavior.\nNew New frontmatter ordersectionsby opt'n t' change immediate children sort'n 'n menu an' children shortcode. Poss'ble values be title or weight.\nNew Alternate rrrambl'n o' a plank be now advertised 'n th' HTML meta tags. See Cap'n Hugo documentat'n.\n2.3.0 (2021-09-13) 0.81.0 This release requires a newer Cap'n Hugo version.\nNew Showcase multilanguage features by provid'n a documentat'n translat'n “fer us pirrrates”. There will be no other translat'ns besides th' original English one an' th' Pirates one due t' maintenance constraints.\n2.2.0 (2021-09-09) New Hidden planks be displayed by default 'n th' sitemap generated by Cap'n Hugo an' be therefore vis'ble fer search engine index'n. Ye can now turn off this behavior by sett'n disableSeoHiddenPages=true 'n yer config.toml. 2.1.0 (2021-09-07) 0.69.0 This release requires a newer Cap'n Hugo version.\nChange In case th' site’s structure contains additional *.md files not part o' th' ship (eg files that be meant t' be included by ship planks - see CHANGELOG.md 'n th' exampleSite), they will now be ignored by th' search.\nNew Hidden planks be indexed fer th' ship search by default. Ye can now turn off this behavior by sett'n disableSearchHiddenPages=true 'n yer config.toml.\nNew If a search term be found 'n an expand shortcode, th' expand will be opened.\nNew Th' menu will scroll th' active item into view on board.\n2.0.0 (2021-08-28) Change Rules highlight'n was switched t' th' built 'n Hugo mechanism. Ye may need t' configure a new stylesheet or decide t' roll ye own as described on 'n th' Cap'n Hugo documentat'n\nChange In th' predefined stylesheets there was a typo an' --MENU-HOME-LINK-HOVERED-color must be changed t' --MENU-HOME-LINK-HOVER-color. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nChange --MENU-HOME-LINK-color an' --MENU-HOME-LINK-HOVER-color were miss'n 'n th' documentat'n. Ye should add them t' yer custom stylesheets if ye want t' override th' defaults.\nChange Arrow navigat'n an' children shortcode were ignor'n sett'n fer ordersectionsby. This be now changed an' may result 'n different sort'n order o' yer sub planks.\nChange If hidden planks be accessed directly by typ'n their URL, they will be exposed 'n th' menu.\nChange A plank without a title will be treated as hidden=true.\nNew Ye can define th' expansion state o' yer menus 'n th' frontmatter. Please see further documentat'n fer poss'ble values an' default behavior.\nNew New partials fer defin'n pre/post rrrambl'n fer menu items an' th' rrrambl'n. See documentat'n fer further read'n.\nNew Shortcode children wit' new parameter containerstyle.\nNew New shortcode include t' include arbitrary file rrrambl'n into a plank.\n1.2.0 (2021-07-26) New Shortcode expand wit' new parameter t' open on plank board. 1.1.0 (2021-07-02) Break'n Merrrmaid diagrams can now be panned an' zoomed. This isn’t configur'ble yet.\nNew Merrrmaid config opt'ns can be set 'n config.toml.\n1.0.0 (2021-07-01) 0.65.0 Th' requirement fer th' Cap'n Hugo version o' this theme be th' same as fer th' Learrrn theme version 2.5.0 on 2021-07-01.\nNew Initial fork o' th' Learrrn theme based on Learrrn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename t' Relearrrn an' a new logo. For th' reasons behind fork'n th' Learrrn theme, see this comment 'n th' Learrrn issues.\n",
     "description": "",
     "tags": null,
     "title": "What's New",
     "uri": "/pir/basics/migration/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nLet’s face it: Writ'n rrrambl'n fer th' web be tiresome. WYSIWYG editors help alleviate this task, but they generally result 'n horr'ble code, or worse yet, ugly web planks.\nMarrrkdown be a better way t' write HTML, without all th' complexities an' ugliness that usually accompanies it.\nSome o' th' key benefits be:\nMarrrkdown be simple t' learn, wit' minimal extra characters so it’s also quicker t' write rrrambl'n. Less chance o' errors when writ'n 'n Marrrkdown. Produces valid HTML output. Keeps th' rrrambl'n an' th' visual display separate, so ye cannot mess up th' look o' yer ship. Write 'n any text editor or Marrrkdown applicat'n ye like. Marrrkdown be a joy t' use! John Gruber, th' author o' Marrrkdown, puts it like this:\nTh' overrid'n design goal fer Markdown’s formatt'n rules be t' make it as read'ble as poss'ble. Th' idea be that a Markdown-formatted document should be publish'ble as-is, as plain text, without look'n like it’s been marked up wit' tags or formatt'n instruct'ns. While Markdown’s rules has been influenced by several exist'n text-to-HTML filters, th' single biggest source o' inspirat'n fer Markdown’s rules be th' format o' plain text email. John Gruber\nWithout further delay, let us go over th' main elements o' Marrrkdown an' what th' result'n HTML looks like:\nSmarrrt Arrrse Bookmark this plank an' th' official Commonmark reference fer easy future reference!\nParagraphs In Marrrkdown yer rrrambl'n usually spans th' whole avail'ble document width. This be called a block. Blocks be always separated by whitespace t' their adjacent blocks 'n th' result'n document.\nAny text not start'n wit' a special sign be written as normal, plain text paragraph block an' must be separated t' its adjacent blocks by empty lines.\nLorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad. Result Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus.\nEt legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.\nHead'ns A bloody idea be t' structure yer rrrambl'n us'n head'ns an' subhead'ns. HTML-head'ns from h1 through h6 be constructed wit' a # fer each level.\nIn Hugo ye usually don’t use h1 as this be generated by yer theme an' ye should only have one such element 'n a document.\n# h1 Head'n ## h2 Head'n ### h3 Head'n #### h4 Head'n ##### h5 Head'n ###### h6 Head'n Result h1 Head'n h2 Head'n h3 Head'n h4 Head'n h5 Head'n h6 Head'n Horizontal Rules T' further structure yer rrrambl'n ye can add horizontal rules. They create a “thematic break” between paragraph blocks. In Marrrkdown, ye can create it wit' three consecutive dashes ---.\nLorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. --- Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad. Result Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus.\nEt legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.\nText Markers Bold Ye can show importance o' a snippet o' text wit' a heavier font-weight by enclos'n it wit' two asterisks **.\nI am rendered wit' **bold text** Result I am rendered wit' bold text\nItalics Ye can emphasize a snippet o' text wit' italics by enclos'n it wit' underscores _.\nI am rendered wit' _italicized text_ Result I am rendered wit' italicized text\nStrikethrough In GFM (GitHub Flavored Markdown) ye can do strikethroughs by enclos'n text wit' two tildes ~~.\n~~Strike through this text~~ Result Strike through this text\nText substitut'n This Marrrkdown dialect supports an extension t' combine multiple punctuat'n characters t' single typographic entities. This will only be applied t' text outside o' code blocks or inline code.\nDo'ble quotes `\"` an' single quotes `'` o' enclosed text be replaced by **\"do'ble curly quotes\"** an' **'single curly quotes'**. Do'ble dashes `--` an' triple dashes `---` be replaced by en-dash **--** an' em-dash **---** entities. Do'ble arrows point'n left `\u003c\u003c` or right `\u003e\u003e` be replaced by arrow **\u003c\u003c** an' **\u003e\u003e** entities. Three consecutive dots `...` be replaced by an ellipsis **...** entity. Result Do'ble quotes \" an' single quotes ' o' enclosed text be replaced by “do'ble curly quotes” an' ‘single curly quotes’.\nDo'ble dashes -- an' triple dashes --- be replaced by en-dash – an' em-dash — entities.\nDo'ble arrows point'n left \u003c\u003c or right \u003e\u003e be replaced by arrow « an' » entities.\nThree consecutive dots ... be replaced by an ellipsis … entity.\nLists Unordered Ye can write a list o' items 'n which th' order o' th' items does not explicitly matter.\nIt be poss'ble t' nest lists by indent'n an item fer th' next sublevel.\nYe may use any o' -, * or + t' denote bullets fer each list item but should not switch between those symbols inside one whole list.\n- Lorem ipsum dolor sit amet - Consectetur adipisc'n elit - Vestibulum laoreet porttitor sem - Ac tristique libero volutpat at - Nulla volutpat aliquam velit - Phasellus iaculis neque - Purus sodales ultricies - Faucibus porta lacus fringilla vel Result Lorem ipsum dolor sit amet Consectetur adipisc'n elit Vestibulum laoreet porttitor sem Ac tristique libero volutpat at Nulla volutpat aliquam velit Phasellus iaculis neque Purus sodales ultricies Faucibus porta lacus fringilla vel Ordered Ye can create a list o' items 'n which th' order o' items does explicitly matter.\nIt be poss'ble t' nest lists by indent'n an item fer th' next sublevel.\nMarrrkdown will automatically number each o' yer items consecutively. This means, th' order number ye be provid'n be irrelevant.\n1. Lorem ipsum dolor sit amet 3. Consectetur adipisc'n elit 1. Integer molestie lorem at massa 7. Facilisis 'n pretium nisl aliquet 99. Nulla volutpat aliquam velit 1. Faucibus porta lacus fringilla vel 1. Aenean sit amet erat nunc 17. Eget porttitor lorem Result Lorem ipsum dolor sit amet Consectetur adipisc'n elit Integer molestie lorem at massa Facilisis 'n pretium nisl aliquet Nulla volutpat aliquam velit Faucibus porta lacus fringilla vel Aenean sit amet erat nunc Eget porttitor lorem Tasks In GFM (GitHub Flavored Markdown) ye can add task lists result'n 'n checked or unchecked non-click'ble items\n- [x] Basic Test - [ ] More Tests - [x] View - [x] Hear - [ ] Smell Result Basic Test More Tests View Hear Smell Defint'ns This Marrrkdown dialect supports an extension t' add defint'n lists. Definit'n lists be made o' terms an' definit'ns o' these terms, much like 'n a dictionary.\nA definit'n list 'n Marrrkdown Extra be made o' a single-line term followed by a colon an' th' definit'n fer that term. Ye can also associate more than one term t' a definit'n.\nIf ye add empty lines around th' definit'n terms, additional vertical space will be generated. Also multiple paragraphs be poss'ble\nApple : Pomaceous fruit o' plants o' th' genus Malus 'n th' family Rosaceae. : An American computer company. Orange : Th' fruit o' an evergreen tree o' th' genus Citrus. Ye can make juice out o' it. : A telecommunicat'n company. Ye can't make juice out o' it. Result Apple Pomaceous fruit o' plants o' th' genus Malus 'n th' family Rosaceae. An American computer company. Orange Th' fruit o' an evergreen tree o' th' genus Citrus. Ye can make juice out o' it.\nA telecommunicat'n company. Ye can’t make juice out o' it.\nCode Inline Code Inline snippets o' code can be wrapped wit' backticks `.\nIn this example, `\u003cdiv\u003e\u003c/div\u003e` be marked as code. Result In this example, \u003cdiv\u003e\u003c/div\u003e be marked as code.\nIndented Code Block A simple code block can be generated by indent'n several lines o' code by at least two spaces.\nBe impressed by my advanced code: // Some comments line 1 o' code line 2 o' code line 3 o' code Result Be impressed by my advanced code:\n// Some comments line 1 o' code line 2 o' code line 3 o' code Fenced Code Block If ye want t' gain more control o' yer code block ye can enclose yer code by at least three backticks ``` a so called fence.\nIn GFM (GitHub Flavored Markdown) ye can also add a language specifier directly aft th' open'n fence, ```js, an' rules highlight'n will automatically be applied accord'n t' th' selected language 'n th' rendered HTML.\nSee Code Highlight'n fer additional documentat'n.\n```js grunt.initConfig({ assemble: { opt'ns: { assets: 'docs/assets', data: 'src/data/*.{json,yml}', helpers: 'src/custom-helpers.js', partials: ['src/partials/**/*.{hbs,md}'] }, planks: { opt'ns: { layout: 'default.hbs' }, files: { './': ['src/templates/pages/index.hbs'] } } } }; ``` Result grunt.initConfig({ assemble: { opt'ns: { assets: 'docs/assets', data: 'src/data/*.{json,yml}', helpers: 'src/custom-helpers.js', partials: ['src/partials/**/*.{hbs,md}'] }, planks: { opt'ns: { layout: 'default.hbs' }, files: { './': ['src/templates/pages/index.hbs'] } } } }; Tables In GFM (GitHub Flavored Markdown) ye can create tables by add'n pipes as dividers between each cell, an' by add'n a line o' dashes (also separated by bars) beneath th' header. Avast that th' pipes do not need t' be vertically aligned.\n| Opt'n | Descript'n | | ------ | ----------- | | data | path t' data files t' supply th' data that will be passed into templates. | | engine | engine t' be used fer process'n templates. Handlebars be th' default. | | ext | extension t' be used fer dest files. | Result Opt'n Descript'n data path t' data files t' supply th' data that will be passed into templates. engine engine t' be used fer process'n templates. Handlebars be th' default. ext extension t' be used fer dest files. Aligned Columns Add'n a colon on th' left and/or right side o' th' dashes below any head'n will align th' text fer that column accordingly.\n| Opt'n | Number | Descript'n | | ------:|:------:|:----------- | | data | 1 | path t' data files t' supply th' data that will be passed into templates. | | engine | 2 | engine t' be used fer process'n templates. Handlebars be th' default. | | ext | 3 | extension t' be used fer dest files. | Result Opt'n Number Descript'n data 1 path t' data files t' supply th' data that will be passed into templates. engine 2 engine t' be used fer process'n templates. Handlebars be th' default. ext 3 extension t' be used fer dest files. Blockquotes For quot'n blocks o' rrrambl'n from another source within yer document add \u003e before any text ye want t' quote.\nBlockquotes can also be nested.\n\u003e Donec massa lacus, ultricies a ullamcorper 'n, fermentum sed augue. Nunc augue augue, aliquam non hendrerit ac, commodo vel nisi. \u003e \u003e \u003e Sed adipisc'n elit vitae augue consectetur a gravida nunc vehicula. Donec auctor odio non est accumsan facilisis. Aliquam id turpis 'n dolor tincidunt mollis ac eu diam. \u003e \u003e Mauris sit amet ligula egestas, feugiat metus tincidunt, luctus libero. Donec congue finibus tempor. Vestibulum aliquet sollicitudin erat, ut aliquet purus posuere luctus. Result Donec massa lacus, ultricies a ullamcorper 'n, fermentum sed augue. Nunc augue augue, aliquam non hendrerit ac, commodo vel nisi.\nSed adipisc'n elit vitae augue consectetur a gravida nunc vehicula. Donec auctor odio non est accumsan facilisis. Aliquam id turpis 'n dolor tincidunt mollis ac eu diam.\nMauris sit amet ligula egestas, feugiat metus tincidunt, luctus libero. Donec congue finibus tempor. Vestibulum aliquet sollicitudin erat, ut aliquet purus posuere luctus.\nLinks Autolink In GFM (GitHub Flavored Markdown) absolute URLs will automatically be converted into a link.\nThis be a link t' https://example.com. Result This be a link t' https://example.com.\nBasic Link Ye can explicitly define links 'n case ye want t' use non-absolute URLs or want t' give different text.\n[Assemble](http://assemble.io) Result Assemble\nLink wit' Tooltip For even further informat'n, ye can add an additional text, displayed 'n a tooltip on hover'n over th' link.\n[Upstage](https://github.com/upstage/ \"Visit Upstage!\") Result Upstage\nLink References Links can be simplyfied fer recurr'n reuse by us'n a reference ID t' later define th' URL locat'n. This simplyfies writ'n if ye want t' use a link more than once 'n a document.\n[Example][somelinkID] [somelinkID]: https://example.com \"Go t' example domain\" Result Example\nFootnotes Footnotes work mostly like reference-style links. A footnote be made o' two th'ns, a marker 'n th' text that will become a superscript number an' a footnote definit'n that will be placed 'n a list o' footnotes.\nUsually th' list o' footnotes will be shown at th' end o' yer document. If we use a footnote 'n a notice box it will instead be listed at th' end o' its box.\nFootnotes can contain block elements, which means that ye can put multiple paragraphs, lists, blockquotes an' so on 'n a footnote. It works th' same as fer list items, just indent th' follow'n paragraphs by four spaces 'n th' footnote definit'n.\nThat's some text wit' a footnote[^1] [^1]: An' that's th' footnote. That's some more text wit' a footnote.[^someid] [^someid]: Anyth'n o' interest goes here. Blue light glows blue. Result That’s some text wit' a footnote1\nThat’s some more text wit' a footnote.2\nAn' that’s th' footnote. ↩︎\nAnyth'n o' interest goes here.\nBlue light glows blue. ↩︎\nImages Basic Images Images have a similar rules t' links but include a preced'n exclamat'n mark.\n![Spock](https://octodex.github.com/images/spocktocat.png) Result Image wit' Tooltip Like links, images can also be given a tooltip.\n![Picard](https://octodex.github.com/images/jean-luc-picat.jpg \"Jean Luc Picard\") Result Image References Images can also be linked by reference ID t' later define th' URL locat'n. This simplyfies writ'n if ye want t' use an image more than once 'n a document.\n![La Forge][laforge] [laforge]: https://octodex.github.com/images/trekkie.jpg \"Geordi La Forge\" Result Further Image Formatt'n This theme allows additional non-standard formatt'n by sett'n query parameter at th' end o' th' image URL.\nResiz'n Add query parameter width and/or height t' th' link image t' resize th' image. Values be CSS values (default be auto).\n![Minion](https://octodex.github.com/images/minion.png?width=20vw) Result ![Minion](https://octodex.github.com/images/minion.png?height=50px) Result ![Minion](https://octodex.github.com/images/minion.png?height=50px\u0026width=40vw) Result CSS Classes Add a query parameter classes t' th' link image t' add CSS classes. Add some o' th' predefined values or even define yer own 'n yer CSS.\nShadow ![Spidertocat](https://octodex.github.com/images/spidertocat.png?classes=shadow) Result Border ![DrOctocat](https://octodex.github.com/images/droctocat.png?classes=border) Result Left ![Supertocat](https://octodex.github.com/images/okal-eltocat.jpg?classes=left) Result Right ![Riddlocat](https://octodex.github.com/images/riddlocat.jpg?classes=right) Result Inline ![Spidertocat](https://octodex.github.com/images/spidertocat.png?classes=inline) ![DrOctocat](https://octodex.github.com/images/droctocat.png?classes=inline) ![Supertocat](https://octodex.github.com/images/okal-eltocat.jpg?classes=inline) ![Riddlocat](https://octodex.github.com/images/riddlocat.jpg?classes=inline) Result Combinat'n ![X-tocat](https://octodex.github.com/images/xtocat.jpg?classes=shadow,border,left) Result Lightbox Add th' query parameter lightbox=false t' th' image link t' dis'ble th' lightbox.\n![Homercat](https://octodex.github.com/images/homercat.png?lightbox=false) Result ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nLet’s face it: Writ'n rrrambl'n fer th' web be tiresome. WYSIWYG editors help alleviate this task, but they generally result 'n horr'ble code, or worse yet, ugly web planks.\nMarrrkdown be a better way t' write HTML, without all th' complexities an' ugliness that usually accompanies it.\nSome o' th' key benefits be:\nMarrrkdown be simple t' learn, wit' minimal extra characters so it’s also quicker t' write rrrambl'n. Less chance o' errors when writ'n 'n Marrrkdown. Produces valid HTML output. Keeps th' rrrambl'n an' th' visual display separate, so ye cannot mess up th' look o' yer ship. Write 'n any text editor or Marrrkdown applicat'n ye like. Marrrkdown be a joy t' use! John Gruber, th' author o' Marrrkdown, puts it like this:\nTh' overrid'n design goal fer Markdown’s formatt'n rules be t' make it as read'ble as poss'ble. Th' idea be that a Markdown-formatted document should be publish'ble as-is, as plain text, without look'n like it’s been marked up wit' tags or formatt'n instruct'ns. While Markdown’s rules has been influenced by several exist'n text-to-HTML filters, th' single biggest source o' inspirat'n fer Markdown’s rules be th' format o' plain text email. John Gruber\nWithout further delay, let us go over th' main elements o' Marrrkdown an' what th' result'n HTML looks like:\nSmarrrt Arrrse Bookmark this plank an' th' official Commonmark reference fer easy future reference!\nParagraphs In Marrrkdown yer rrrambl'n usually spans th' whole avail'ble document width. This be called a block. Blocks be always separated by whitespace t' their adjacent blocks 'n th' result'n document.\nAny text not start'n wit' a special sign be written as normal, plain text paragraph block an' must be separated t' its adjacent blocks by empty lines.\nLorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad. Result Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus.\nEt legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.\nHead'ns A bloody idea be t' structure yer rrrambl'n us'n head'ns an' subhead'ns. HTML-head'ns from h1 through h6 be constructed wit' a # fer each level.\nIn Hugo ye usually don’t use h1 as this be generated by yer theme an' ye should only have one such element 'n a document.\n# h1 Head'n ## h2 Head'n ### h3 Head'n #### h4 Head'n ##### h5 Head'n ###### h6 Head'n Result h1 Head'n h2 Head'n h3 Head'n h4 Head'n h5 Head'n h6 Head'n Horizontal Rules T' further structure yer rrrambl'n ye can add horizontal rules. They create a “thematic break” between paragraph blocks. In Marrrkdown, ye can create it wit' three consecutive dashes ---.\nLorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. --- Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad. Result Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus.\nEt legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.\nText Markers Bold Ye can show importance o' a snippet o' text wit' a heavier font-weight by enclos'n it wit' two asterisks **.\nI am rendered wit' **bold text** Result I am rendered wit' bold text\nItalics Ye can emphasize a snippet o' text wit' italics by enclos'n it wit' underscores _.\nI am rendered wit' _italicized text_ Result I am rendered wit' italicized text\nStrikethrough In GFM (GitHub Flavored Markdown) ye can do strikethroughs by enclos'n text wit' two tildes ~~.\n~~Strike through this text~~ Result Strike through this text\nText substitut'n This Marrrkdown dialect supports an extension t' combine multiple punctuat'n characters t' single typographic entities. This will only be applied t' text outside o' code blocks or inline code.\nDo'ble quotes `\"` an' single quotes `'` o' enclosed text be replaced by **\"do'ble curly quotes\"** an' **'single curly quotes'**. Do'ble dashes `--` an' triple dashes `---` be replaced by en-dash **--** an' em-dash **---** entities. Do'ble arrows point'n left `\u003c\u003c` or right `\u003e\u003e` be replaced by arrow **\u003c\u003c** an' **\u003e\u003e** entities. Three consecutive dots `...` be replaced by an ellipsis **...** entity. Result Do'ble quotes \" an' single quotes ' o' enclosed text be replaced by “do'ble curly quotes” an' ‘single curly quotes’.\nDo'ble dashes -- an' triple dashes --- be replaced by en-dash – an' em-dash — entities.\nDo'ble arrows point'n left \u003c\u003c or right \u003e\u003e be replaced by arrow « an' » entities.\nThree consecutive dots ... be replaced by an ellipsis … entity.\nLists Unordered Ye can write a list o' items 'n which th' order o' th' items does not explicitly matter.\nIt be poss'ble t' nest lists by indent'n an item fer th' next sublevel.\nYe may use any o' -, * or + t' denote bullets fer each list item but should not switch between those symbols inside one whole list.\n- Lorem ipsum dolor sit amet - Consectetur adipisc'n elit - Vestibulum laoreet porttitor sem - Ac tristique libero volutpat at - Nulla volutpat aliquam velit - Phasellus iaculis neque - Purus sodales ultricies - Faucibus porta lacus fringilla vel Result Lorem ipsum dolor sit amet Consectetur adipisc'n elit Vestibulum laoreet porttitor sem Ac tristique libero volutpat at Nulla volutpat aliquam velit Phasellus iaculis neque Purus sodales ultricies Faucibus porta lacus fringilla vel Ordered Ye can create a list o' items 'n which th' order o' items does explicitly matter.\nIt be poss'ble t' nest lists by indent'n an item fer th' next sublevel.\nMarrrkdown will automatically number each o' yer items consecutively. This means, th' order number ye be provid'n be irrelevant.\n1. Lorem ipsum dolor sit amet 3. Consectetur adipisc'n elit 1. Integer molestie lorem at massa 7. Facilisis 'n pretium nisl aliquet 99. Nulla volutpat aliquam velit 1. Faucibus porta lacus fringilla vel 1. Aenean sit amet erat nunc 17. Eget porttitor lorem Result Lorem ipsum dolor sit amet Consectetur adipisc'n elit Integer molestie lorem at massa Facilisis 'n pretium nisl aliquet Nulla volutpat aliquam velit Faucibus porta lacus fringilla vel Aenean sit amet erat nunc Eget porttitor lorem Tasks In GFM (GitHub Flavored Markdown) ye can add task lists result'n 'n checked or unchecked non-click'ble items\n- [x] Basic Test - [ ] More Tests - [x] View - [x] Hear - [ ] Smell Result Basic Test More Tests View Hear Smell Defint'ns This Marrrkdown dialect supports an extension t' add defint'n lists. Definit'n lists be made o' terms an' definit'ns o' these terms, much like 'n a dictionary.\nA definit'n list 'n Marrrkdown Extra be made o' a single-line term followed by a colon an' th' definit'n fer that term. Ye can also associate more than one term t' a definit'n.\nIf ye add empty lines around th' definit'n terms, additional vertical space will be generated. Also multiple paragraphs be poss'ble\nApple : Pomaceous fruit o' plants o' th' genus Malus 'n th' family Rosaceae. : An American computer company. Orange : Th' fruit o' an evergreen tree o' th' genus Citrus. Ye can make juice out o' it. : A telecommunicat'n company. Ye can't make juice out o' it. Result Apple Pomaceous fruit o' plants o' th' genus Malus 'n th' family Rosaceae. An American computer company. Orange Th' fruit o' an evergreen tree o' th' genus Citrus. Ye can make juice out o' it.\nA telecommunicat'n company. Ye can’t make juice out o' it.\nCode Inline Code Inline snippets o' code can be wrapped wit' backticks `.\nIn this example, `\u003cdiv\u003e\u003c/div\u003e` be marked as code. Result In this example, \u003cdiv\u003e\u003c/div\u003e be marked as code.\nIndented Code Block A simple code block can be generated by indent'n several lines o' code by at least two spaces.\nBe impressed by my advanced code: // Some comments line 1 o' code line 2 o' code line 3 o' code Result Be impressed by my advanced code:\n// Some comments line 1 o' code line 2 o' code line 3 o' code Fenced Code Block If ye want t' gain more control o' yer code block ye can enclose yer code by at least three backticks ``` a so called fence.\nIn GFM (GitHub Flavored Markdown) ye can also add a language specifier directly aft th' open'n fence, ```js, an' rules highlight'n will automatically be applied accord'n t' th' selected language 'n th' rendered HTML.\nSee Code Highlight'n fer additional documentat'n.\n```js grunt.initConfig({ assemble: { opt'ns: { assets: 'docs/assets', data: 'src/data/*.{json,yml}', helpers: 'src/custom-helpers.js', partials: ['src/partials/**/*.{hbs,md}'] }, planks: { opt'ns: { layout: 'default.hbs' }, files: { './': ['src/templates/pages/index.hbs'] } } } }; ``` Result grunt.initConfig({ assemble: { opt'ns: { assets: 'docs/assets', data: 'src/data/*.{json,yml}', helpers: 'src/custom-helpers.js', partials: ['src/partials/**/*.{hbs,md}'] }, planks: { opt'ns: { layout: 'default.hbs' }, files: { './': ['src/templates/pages/index.hbs'] } } } }; Tables In GFM (GitHub Flavored Markdown) ye can create tables by add'n pipes as dividers between each cell, an' by add'n a line o' dashes (also separated by bars) beneath th' header. Avast that th' pipes do not need t' be vertically aligned.\n| Opt'n | Descript'n | | ------ | ----------- | | data | path t' data files t' supply th' data that will be passed into templates. | | engine | engine t' be used fer process'n templates. Handlebars be th' default. | | ext | extension t' be used fer dest files. | Result Opt'n Descript'n data path t' data files t' supply th' data that will be passed into templates. engine engine t' be used fer process'n templates. Handlebars be th' default. ext extension t' be used fer dest files. Aligned Columns Add'n a colon on th' left and/or right side o' th' dashes below any head'n will align th' text fer that column accordingly.\n| Opt'n | Number | Descript'n | | ------:|:------:|:----------- | | data | 1 | path t' data files t' supply th' data that will be passed into templates. | | engine | 2 | engine t' be used fer process'n templates. Handlebars be th' default. | | ext | 3 | extension t' be used fer dest files. | Result Opt'n Number Descript'n data 1 path t' data files t' supply th' data that will be passed into templates. engine 2 engine t' be used fer process'n templates. Handlebars be th' default. ext 3 extension t' be used fer dest files. Blockquotes For quot'n blocks o' rrrambl'n from another source within yer document add \u003e before any text ye want t' quote.\nBlockquotes can also be nested.\n\u003e Donec massa lacus, ultricies a ullamcorper 'n, fermentum sed augue. Nunc augue augue, aliquam non hendrerit ac, commodo vel nisi. \u003e \u003e \u003e Sed adipisc'n elit vitae augue consectetur a gravida nunc vehicula. Donec auctor odio non est accumsan facilisis. Aliquam id turpis 'n dolor tincidunt mollis ac eu diam. \u003e \u003e Mauris sit amet ligula egestas, feugiat metus tincidunt, luctus libero. Donec congue finibus tempor. Vestibulum aliquet sollicitudin erat, ut aliquet purus posuere luctus. Result Donec massa lacus, ultricies a ullamcorper 'n, fermentum sed augue. Nunc augue augue, aliquam non hendrerit ac, commodo vel nisi.\nSed adipisc'n elit vitae augue consectetur a gravida nunc vehicula. Donec auctor odio non est accumsan facilisis. Aliquam id turpis 'n dolor tincidunt mollis ac eu diam.\nMauris sit amet ligula egestas, feugiat metus tincidunt, luctus libero. Donec congue finibus tempor. Vestibulum aliquet sollicitudin erat, ut aliquet purus posuere luctus.\nLinks Autolink In GFM (GitHub Flavored Markdown) absolute URLs will automatically be converted into a link.\nThis be a link t' https://example.com. Result This be a link t' https://example.com.\nBasic Link Ye can explicitly define links 'n case ye want t' use non-absolute URLs or want t' give different text.\n[Assemble](http://assemble.io) Result Assemble\nLink wit' Tooltip For even further informat'n, ye can add an additional text, displayed 'n a tooltip on hover'n over th' link.\n[Upstage](https://github.com/upstage/ \"Visit Upstage!\") Result Upstage\nLink References Links can be simplyfied fer recurr'n reuse by us'n a reference ID t' later define th' URL locat'n. This simplyfies writ'n if ye want t' use a link more than once 'n a document.\n[Example][somelinkID] [somelinkID]: https://example.com \"Go t' example domain\" Result Example\nFootnotes Footnotes work mostly like reference-style links. A footnote be made o' two th'ns, a marker 'n th' text that will become a superscript number an' a footnote definit'n that will be placed 'n a list o' footnotes.\nUsually th' list o' footnotes will be shown at th' end o' yer document. If we use a footnote 'n a notice box it will instead be listed at th' end o' its box.\nFootnotes can contain block elements, which means that ye can put multiple paragraphs, lists, blockquotes an' so on 'n a footnote. It works th' same as fer list items, just indent th' follow'n paragraphs by four spaces 'n th' footnote definit'n.\nThat's some text wit' a footnote[^1] [^1]: An' that's th' footnote. That's some more text wit' a footnote.[^someid] [^someid]: Anyth'n o' interest goes here. Blue light glows blue. Result That’s some text wit' a footnote1\nThat’s some more text wit' a footnote.2\nAn' that’s th' footnote. ↩︎\nAnyth'n o' interest goes here.\nBlue light glows blue. ↩︎\nImages Basic Images Images have a similar rules t' links but include a preced'n exclamat'n mark.\n![Spock](https://octodex.github.com/images/spocktocat.png) Result Image wit' Tooltip Like links, images can also be given a tooltip.\n![Picard](https://octodex.github.com/images/jean-luc-picat.jpg \"Jean Luc Picard\") Result Image References Images can also be linked by reference ID t' later define th' URL locat'n. This simplyfies writ'n if ye want t' use an image more than once 'n a document.\n![La Forge][laforge] [laforge]: https://octodex.github.com/images/trekkie.jpg \"Geordi La Forge\" Result Further Image Formatt'n This theme allows additional non-standard formatt'n by sett'n query parameter at th' end o' th' image URL.\nResiz'n Add query parameter width and/or height t' th' link image t' resize th' image. Values be CSS values (default be auto).\n![Minion](https://octodex.github.com/images/minion.png?width=20vw) Result ![Minion](https://octodex.github.com/images/minion.png?height=50px) Result ![Minion](https://octodex.github.com/images/minion.png?height=50px\u0026width=40vw) Result CSS Classes Add a query parameter classes t' th' link image t' add CSS classes. Add some o' th' predefined values or even define yer own 'n yer CSS.\nShadow ![Spidertocat](https://octodex.github.com/images/spidertocat.png?classes=shadow) Result Border ![DrOctocat](https://octodex.github.com/images/droctocat.png?classes=border) Result Left ![Supertocat](https://octodex.github.com/images/okal-eltocat.jpg?classes=left) Result Right ![Riddlocat](https://octodex.github.com/images/riddlocat.jpg?classes=right) Result Inline ![Spidertocat](https://octodex.github.com/images/spidertocat.png?classes=inline) ![DrOctocat](https://octodex.github.com/images/droctocat.png?classes=inline) ![Supertocat](https://octodex.github.com/images/okal-eltocat.jpg?classes=inline) ![Riddlocat](https://octodex.github.com/images/riddlocat.jpg?classes=inline) Result Combinat'n ![X-tocat](https://octodex.github.com/images/xtocat.jpg?classes=shadow,border,left) Result Lightbox Add th' query parameter lightbox=false t' th' image link t' dis'ble th' lightbox.\n![Homercat](https://octodex.github.com/images/homercat.png?lightbox=false) Result ",
     "description": "",
     "tags": null,
     "title": "Marrrkdown rules",
     "uri": "/pir/cont/markdown/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nCap'n Hugo uses Marrrkdown fer its simple rrrambl'n format. However, there be a lot o' th'ns that Marrrkdown doesn’t support well. Ye could use pure HTML t' expand possibilities.\nBut this happens t' be a bad idea. Everyone uses Marrrkdown because it’s pure an' simple t' read even non-rendered. Ye should avoid HTML t' keep it as simple as poss'ble.\nT' avoid this limitat'ns, Cap'n Hugo created shorrrtcodes. A shortcode be a simple snippet inside a plank.\nTh' Relearrrn theme provides multiple shorrrtcodes on top o' exist'n ones.\nAttachmentsList o' files attached t' a plank\nBadgeMarker badges t' display 'n yer text\nButtonClick'ble buttons\nChildrenList th' child planks o' a plank\nExpandExpandable/collaps'ble sections o' text\nAy'conNice ay'cons fer yer plank\nIncludeDisplays rrrambl'n from other files\nMathBeautiful math an' chemical formulae\nMerrrmaidGenerate diagrams an' flowcharts from text\nNoticeDisclaimers t' help ye structure yer plank\nShip paramGet value o' ship params\nSwaggerUI fer yer Swagger / OpenAPI Specificat'ns\nTabsShow rrrambl'n 'n tabbed views\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nCap'n Hugo uses Marrrkdown fer its simple rrrambl'n format. However, there be a lot o' th'ns that Marrrkdown doesn’t support well. Ye could use pure HTML t' expand possibilities.\nBut this happens t' be a bad idea. Everyone uses Marrrkdown because it’s pure an' simple t' read even non-rendered. Ye should avoid HTML t' keep it as simple as poss'ble.\nT' avoid this limitat'ns, Cap'n Hugo created shorrrtcodes. A shortcode be a simple snippet inside a plank.\nTh' Relearrrn theme provides multiple shorrrtcodes on top o' exist'n ones.\nAttachmentsList o' files attached t' a plank\nBadgeMarker badges t' display 'n yer text\nButtonClick'ble buttons\nChildrenList th' child planks o' a plank\nExpandExpandable/collaps'ble sections o' text\nAy'conNice ay'cons fer yer plank\nIncludeDisplays rrrambl'n from other files\nMathBeautiful math an' chemical formulae\nMerrrmaidGenerate diagrams an' flowcharts from text\nNoticeDisclaimers t' help ye structure yer plank\nShip paramGet value o' ship params\nSwaggerUI fer yer Swagger / OpenAPI Specificat'ns\nTabsShow rrrambl'n 'n tabbed views\n",
     "description": "",
     "tags": null,
     "title": "Shorrrtcodes",
     "uri": "/pir/shortcodes/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nTh' Relearrrn theme uses Hugo’s built-in rules highlight'n fer code.\nMarrrkdown rules Wrap th' code block wit' three backticks an' th' name o' th' language. Highlight will try t' auto detect th' language if one be not provided.\n```json [ { \"title\": \"apples\", \"count\": [12000, 20000], \"description\": {\"text\": \"...\", \"sensitive\": false} }, { \"title\": \"oranges\", \"count\": [17500, null], \"description\": {\"text\": \"...\", \"sensitive\": false} } ] ``` Renders t':\n[ { \"title\": \"apples\", \"count\": [12000, 20000], \"description\": {\"text\": \"...\", \"sensitive\": false} }, { \"title\": \"oranges\", \"count\": [17500, null], \"description\": {\"text\": \"...\", \"sensitive\": false} } ] Supported languages Cap'n Hugo comes wit' a remark'ble list o' supported languages.\nRecommended configurat'n Ye can choose a color theme from th' list o' supported themes an' add it 'n yer config.toml\n[marrrkup] [marrrkup.highlight] # if `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT Merrrmaid an' Math codefences will not work anymore! So this be a # mandatory sett'n fer yer ship if ye want t' use Merrrmaid or Math codefences guessSyntax = false # choose a color theme or create yer own style = \"base16-snazzy\" ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nTh' Relearrrn theme uses Hugo’s built-in rules highlight'n fer code.\nMarrrkdown rules Wrap th' code block wit' three backticks an' th' name o' th' language. Highlight will try t' auto detect th' language if one be not provided.\n```json [ { \"title\": \"apples\", \"count\": [12000, 20000], \"description\": {\"text\": \"...\", \"sensitive\": false} }, { \"title\": \"oranges\", \"count\": [17500, null], \"description\": {\"text\": \"...\", \"sensitive\": false} } ] ``` Renders t':\n[ { \"title\": \"apples\", \"count\": [12000, 20000], \"description\": {\"text\": \"...\", \"sensitive\": false} }, { \"title\": \"oranges\", \"count\": [17500, null], \"description\": {\"text\": \"...\", \"sensitive\": false} } ] Supported languages Cap'n Hugo comes wit' a remark'ble list o' supported languages.\nRecommended configurat'n Ye can choose a color theme from th' list o' supported themes an' add it 'n yer config.toml\n[marrrkup] [marrrkup.highlight] # if `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT Merrrmaid an' Math codefences will not work anymore! So this be a # mandatory sett'n fer yer ship if ye want t' use Merrrmaid or Math codefences guessSyntax = false # choose a color theme or create yer own style = \"base16-snazzy\" ",
     "description": "",
     "tags": null,
     "title": "Code highlight'n",
     "uri": "/pir/cont/syntaxhighlight/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nThis chapter contains informat'n only needed fer development an' maintain'n th' theme.\nContribut'nWhat t' know if ye want t' contribute\nMaintain'nWhat t' know as a maintainer\nScreenshotsRecipe t' create various documentat'n screenshots\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nThis chapter contains informat'n only needed fer development an' maintain'n th' theme.\nContribut'nWhat t' know if ye want t' contribute\nMaintain'nWhat t' know as a maintainer\nScreenshotsRecipe t' create various documentat'n screenshots\n",
     "description": "",
     "tags": null,
     "title": "Development",
     "uri": "/pir/dev/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nYe can define additional menu entries or shortcuts 'n th' navigat'n menu without any link t' rrrambl'n.\nBasic configurat'n Edit th' website configurat'n config.toml an' add a [[menu.shortcuts]] entry fer each link yer want t' add.\nExample from th' current website:\n[[menu.shortcuts]] name = \"\u003ci class='fab fa-fw fa-github'\u003e\u003c/i\u003e GitHub repo\" identifier = \"ds\" url = \"https://github.com/McShelby/hugo-theme-relearn\" weight = 10 [[menu.shortcuts]] name = \"\u003ci class='fas fa-fw fa-camera'\u003e\u003c/i\u003e Showcases\" url = \"more/showcase/\" weight = 11 [[menu.shortcuts]] name = \"\u003ci class='fas fa-fw fa-bookmark'\u003e\u003c/i\u003e Cap'n Hugo Documentation\" identifier = \"hugodoc\" url = \"https://gohugo.io/\" weight = 20 [[menu.shortcuts]] name = \"\u003ci class='fas fa-fw fa-bullhorn'\u003e\u003c/i\u003e Credits\" url = \"more/credits/\" weight = 30 [[menu.shortcuts]] name = \"\u003ci class='fas fa-fw fa-tags'\u003e\u003c/i\u003e Tags\" url = \"tags/\" weight = 40 By default, shortcuts be preceded by a title. This title can be disabled by sett'n disableShortcutsTitle=true. However, if ye want t' keep th' title but change its value, it can be overridden by chang'n yer local i18n translat'n str'n configurat'n.\nFor example, 'n yer local i18n/en.toml file, add th' follow'n rrrambl'n\n[Shortcuts-Title] other = \"\u003cYour value\u003e\" Read more about hugo menu an' hugo i18n translat'n str'ns\nConfigurat'n fer Multilingual mode When us'n a multilingual website, ye can set different menus fer each language. In th' config.toml file, prefix yer menu configurat'n by Languages.\u003clanguage-id\u003e.\nExample from th' current website:\n[Languages] [Languages.en] title = \"Hugo Relearrrn Theme\" weight = 1 languageName = \"English\" landingPageURL = \"/\" landingPageName = \"\u003ci class='fas fa-home'\u003e\u003c/i\u003e Home\" [[Languages.en.menu.shortcuts]] name = \"\u003ci class='fab fa-fw fa-github'\u003e\u003c/i\u003e GitHub repo\" identifier = \"ds\" url = \"https://github.com/McShelby/hugo-theme-relearn\" weight = 10 [[Languages.en.menu.shortcuts]] name = \"\u003ci class='fas fa-fw fa-camera'\u003e\u003c/i\u003e Showcases\" url = \"more/showcase/\" weight = 11 [[Languages.en.menu.shortcuts]] name = \"\u003ci class='fas fa-fw fa-bookmark'\u003e\u003c/i\u003e Cap'n Hugo Documentation\" identifier = \"hugodoc\" url = \"https://gohugo.io/\" weight = 20 [[Languages.en.menu.shortcuts]] name = \"\u003ci class='fas fa-fw fa-bullhorn'\u003e\u003c/i\u003e Credits\" url = \"more/credits/\" weight = 30 [[Languages.en.menu.shortcuts]] name = \"\u003ci class='fas fa-fw fa-tags'\u003e\u003c/i\u003e Tags\" url = \"tags/\" weight = 40 [Languages.pir] title = \"Cap'n Hugo Relearrrn Theme\" weight = 1 languageName = \"Arrr! Pirrrates\" landingPageURL = \"/pir/\" landingPageName = \"\u003ci class='fas fa-home'\u003e\u003c/i\u003e Arrr! Home\" [[Languages.pir.menu.shortcuts]] name = \"\u003ci class='fab fa-fw fa-github'\u003e\u003c/i\u003e GitHub repo\" identifier = \"ds\" url = \"https://github.com/McShelby/hugo-theme-relearn\" weight = 10 [[Languages.pir.menu.shortcuts]] name = \"\u003ci class='fas fa-fw fa-camera'\u003e\u003c/i\u003e Showcases\" url = \"more/showcase/\" weight = 11 [[Languages.pir.menu.shortcuts]] name = \"\u003ci class='fas fa-fw fa-bookmark'\u003e\u003c/i\u003e Cap'n Hugo Documentat'n\" identifier = \"hugodoc\" url = \"https://gohugo.io/\" weight = 20 [[Languages.pir.menu.shortcuts]] name = \"\u003ci class='fas fa-fw fa-bullhorn'\u003e\u003c/i\u003e Crrredits\" url = \"more/credits/\" weight = 30 [[Languages.pir.menu.shortcuts]] name = \"\u003ci class='fas fa-fw fa-tags'\u003e\u003c/i\u003e Arrr! Tags\" url = \"tags/\" weight = 40 Read more about hugo menu an' hugo multilingual menus\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nYe can define additional menu entries or shortcuts 'n th' navigat'n menu without any link t' rrrambl'n.\nBasic configurat'n Edit th' website configurat'n config.toml an' add a [[menu.shortcuts]] entry fer each link yer want t' add.\nExample from th' current website:\n[[menu.shortcuts]] name = \"\u003ci class='fab fa-fw fa-github'\u003e\u003c/i\u003e GitHub repo\" identifier = \"ds\" url = \"https://github.com/McShelby/hugo-theme-relearn\" weight = 10 [[menu.shortcuts]] name = \"\u003ci class='fas fa-fw fa-camera'\u003e\u003c/i\u003e Showcases\" url = \"more/showcase/\" weight = 11 [[menu.shortcuts]] name = \"\u003ci class='fas fa-fw fa-bookmark'\u003e\u003c/i\u003e Cap'n Hugo Documentation\" identifier = \"hugodoc\" url = \"https://gohugo.io/\" weight = 20 [[menu.shortcuts]] name = \"\u003ci class='fas fa-fw fa-bullhorn'\u003e\u003c/i\u003e Credits\" url = \"more/credits/\" weight = 30 [[menu.shortcuts]] name = \"\u003ci class='fas fa-fw fa-tags'\u003e\u003c/i\u003e Tags\" url = \"tags/\" weight = 40 By default, shortcuts be preceded by a title. This title can be disabled by sett'n disableShortcutsTitle=true. However, if ye want t' keep th' title but change its value, it can be overridden by chang'n yer local i18n translat'n str'n configurat'n.\nFor example, 'n yer local i18n/en.toml file, add th' follow'n rrrambl'n\n[Shortcuts-Title] other = \"\u003cYour value\u003e\" Read more about hugo menu an' hugo i18n translat'n str'ns\nConfigurat'n fer Multilingual mode When us'n a multilingual website, ye can set different menus fer each language. In th' config.toml file, prefix yer menu configurat'n by Languages.\u003clanguage-id\u003e.\nExample from th' current website:\n[Languages] [Languages.en] title = \"Hugo Relearrrn Theme\" weight = 1 languageName = \"English\" landingPageURL = \"/\" landingPageName = \"\u003ci class='fas fa-home'\u003e\u003c/i\u003e Home\" [[Languages.en.menu.shortcuts]] name = \"\u003ci class='fab fa-fw fa-github'\u003e\u003c/i\u003e GitHub repo\" identifier = \"ds\" url = \"https://github.com/McShelby/hugo-theme-relearn\" weight = 10 [[Languages.en.menu.shortcuts]] name = \"\u003ci class='fas fa-fw fa-camera'\u003e\u003c/i\u003e Showcases\" url = \"more/showcase/\" weight = 11 [[Languages.en.menu.shortcuts]] name = \"\u003ci class='fas fa-fw fa-bookmark'\u003e\u003c/i\u003e Cap'n Hugo Documentation\" identifier = \"hugodoc\" url = \"https://gohugo.io/\" weight = 20 [[Languages.en.menu.shortcuts]] name = \"\u003ci class='fas fa-fw fa-bullhorn'\u003e\u003c/i\u003e Credits\" url = \"more/credits/\" weight = 30 [[Languages.en.menu.shortcuts]] name = \"\u003ci class='fas fa-fw fa-tags'\u003e\u003c/i\u003e Tags\" url = \"tags/\" weight = 40 [Languages.pir] title = \"Cap'n Hugo Relearrrn Theme\" weight = 1 languageName = \"Arrr! Pirrrates\" landingPageURL = \"/pir/\" landingPageName = \"\u003ci class='fas fa-home'\u003e\u003c/i\u003e Arrr! Home\" [[Languages.pir.menu.shortcuts]] name = \"\u003ci class='fab fa-fw fa-github'\u003e\u003c/i\u003e GitHub repo\" identifier = \"ds\" url = \"https://github.com/McShelby/hugo-theme-relearn\" weight = 10 [[Languages.pir.menu.shortcuts]] name = \"\u003ci class='fas fa-fw fa-camera'\u003e\u003c/i\u003e Showcases\" url = \"more/showcase/\" weight = 11 [[Languages.pir.menu.shortcuts]] name = \"\u003ci class='fas fa-fw fa-bookmark'\u003e\u003c/i\u003e Cap'n Hugo Documentat'n\" identifier = \"hugodoc\" url = \"https://gohugo.io/\" weight = 20 [[Languages.pir.menu.shortcuts]] name = \"\u003ci class='fas fa-fw fa-bullhorn'\u003e\u003c/i\u003e Crrredits\" url = \"more/credits/\" weight = 30 [[Languages.pir.menu.shortcuts]] name = \"\u003ci class='fas fa-fw fa-tags'\u003e\u003c/i\u003e Arrr! Tags\" url = \"tags/\" weight = 40 Read more about hugo menu an' hugo multilingual menus\n",
     "description": "",
     "tags": null,
     "title": "Menu extrrra shorrrtcuts",
     "uri": "/pir/cont/menushortcuts/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nSome planks fer internal test'n o' different styles\nAttachments Shortcode TestTest'n Attachments Shortcode\nChaptersStart yer success story. Now!\nCodeSome test'n fer different styles used 'n rules highlight'n an' preformatted blocks\nImagesSome test'n fer different styles o' image links\nTablesTest'n different markdown constructs inside o' tables\nWidthTest dynamic width resiz'n o' rrrambl'n if scrollbar be present\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nSome planks fer internal test'n o' different styles\nAttachments Shortcode TestTest'n Attachments Shortcode\nChaptersStart yer success story. Now!\nCodeSome test'n fer different styles used 'n rules highlight'n an' preformatted blocks\nImagesSome test'n fer different styles o' image links\nTablesTest'n different markdown constructs inside o' tables\nWidthTest dynamic width resiz'n o' rrrambl'n if scrollbar be present\n",
     "description": "",
     "tags": null,
     "title": "Tests",
     "uri": "/pir/tests/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nTh' Relearrrn theme be fully compat'ble wit' Cap'n Hugo multilingual mode.\nIt provides:\nTranslat'n str'ns fer default values (English, Arabic, Simplified Chinese, Traditional Chinese, Czech, Dutch, Finnish French, German, Hindi, Indonesian, Italian, Japanese, Korean, Polish, Portuguese, Russian, Spanish, Turkish, Vietnamese). Feel free t' contribute! Support fer languages written right t' left Automatic menu generat'n from multilingual rrrambl'n In-browser language switch'n Basic configurat'n Aft learn'n how Cap'n Hugo handle multilingual websites, define yer languages 'n yer config.toml file.\nFor example wit' current English an' Piratized English website.\nAvast Make sure yer default language be defined as th' first one 'n th' [Languages] array, as th' theme needs t' make assumpt'ns on it\n# English be th' default language defaultContentLanguage = \"en\" [Languages] [Languages.en] title = \"Hugo Relearrrn Theme\" weight = 1 languageName = \"English\" [Languages.pir] title = \"Cap'n Hugo Relearrrn Theme\" weight = 2 languageName = \"Arrr! Pirrrates\" Then, fer each new plank, append th' id o' th' language t' th' file.\nSingle file my-page.md be split 'n two files: 'n English: my-page.md 'n Piratized English: my-page.pir.md Single file _index.md be split 'n two files: 'n English: _index.md 'n Piratized English: _index.pir.md Ahoi Be aware that only translated planks be displayed 'n menu. It’s not replaced wit' default language rrrambl'n.\nSmarrrt Arrrse Use slug frontmatter parameter t' translate urls too.\nSearch In case each page’s rrrambl'n be written 'n one single language only, th' above configurat'n will already configure th' site’s search functionality correctly.\nArrr Although th' theme supports a wide variety o' supported languages, th' site’s search via th' Lunr search library does not. You’ll see error reports 'n yer browsers console log fer each unsupported language. Currently unsupported be:\nCzech Indonesian Polish Search wit' mixed language support In case yer page’s rrrambl'n contains text 'n multiple languages (e.g. ye be writ'n a Russian documentat'n fer yer english API), ye can add those languages t' yer config.toml t' broaden search.\n[params] additionalContentLanguage = [ \"en\" ] As this be an array, ye can add multiple additional languages.\nAvast Keep 'n mind that th' language code required here, be th' base language code. E.g. if ye have additional rrrambl'n 'n zh-CN, ye have t' add just zh t' this parameter.\nOverwrite translat'n str'ns Translat'ns str'ns be used fer common default values used 'n th' theme (Edit button, Search placeholder an' so on). Translat'ns be avail'ble 'n English an' Piratized English but ye may use another language or want t' override default values.\nT' override these values, create a new file 'n yer local i18n folder i18n/\u003cidlanguage\u003e.toml an' inspire yourself from th' theme themes/hugo-theme-relearn/i18n/en.toml\nDis'ble language switch'n Switch'n th' language 'n th' browser be a great feature, but fer some reasons ye may want t' dis'ble it.\nJust set disableLanguageSwitchingButton=true 'n yer config.toml\n[params] # When us'n multilingual website, dis'ble th' switch language button. disableLanguageSwitchingButton = true ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nTh' Relearrrn theme be fully compat'ble wit' Cap'n Hugo multilingual mode.\nIt provides:\nTranslat'n str'ns fer default values (English, Arabic, Simplified Chinese, Traditional Chinese, Czech, Dutch, Finnish French, German, Hindi, Indonesian, Italian, Japanese, Korean, Polish, Portuguese, Russian, Spanish, Turkish, Vietnamese). Feel free t' contribute! Support fer languages written right t' left Automatic menu generat'n from multilingual rrrambl'n In-browser language switch'n Basic configurat'n Aft learn'n how Cap'n Hugo handle multilingual websites, define yer languages 'n yer config.toml file.\nFor example wit' current English an' Piratized English website.\nAvast Make sure yer default language be defined as th' first one 'n th' [Languages] array, as th' theme needs t' make assumpt'ns on it\n# English be th' default language defaultContentLanguage = \"en\" [Languages] [Languages.en] title = \"Hugo Relearrrn Theme\" weight = 1 languageName = \"English\" [Languages.pir] title = \"Cap'n Hugo Relearrrn Theme\" weight = 2 languageName = \"Arrr! Pirrrates\" Then, fer each new plank, append th' id o' th' language t' th' file.\nSingle file my-page.md be split 'n two files: 'n English: my-page.md 'n Piratized English: my-page.pir.md Single file _index.md be split 'n two files: 'n English: _index.md 'n Piratized English: _index.pir.md Ahoi Be aware that only translated planks be displayed 'n menu. It’s not replaced wit' default language rrrambl'n.\nSmarrrt Arrrse Use slug frontmatter parameter t' translate urls too.\nSearch In case each page’s rrrambl'n be written 'n one single language only, th' above configurat'n will already configure th' site’s search functionality correctly.\nArrr Although th' theme supports a wide variety o' supported languages, th' site’s search via th' Lunr search library does not. You’ll see error reports 'n yer browsers console log fer each unsupported language. Currently unsupported be:\nCzech Indonesian Polish Search wit' mixed language support In case yer page’s rrrambl'n contains text 'n multiple languages (e.g. ye be writ'n a Russian documentat'n fer yer english API), ye can add those languages t' yer config.toml t' broaden search.\n[params] additionalContentLanguage = [ \"en\" ] As this be an array, ye can add multiple additional languages.\nAvast Keep 'n mind that th' language code required here, be th' base language code. E.g. if ye have additional rrrambl'n 'n zh-CN, ye have t' add just zh t' this parameter.\nOverwrite translat'n str'ns Translat'ns str'ns be used fer common default values used 'n th' theme (Edit button, Search placeholder an' so on). Translat'ns be avail'ble 'n English an' Piratized English but ye may use another language or want t' override default values.\nT' override these values, create a new file 'n yer local i18n folder i18n/\u003cidlanguage\u003e.toml an' inspire yourself from th' theme themes/hugo-theme-relearn/i18n/en.toml\nDis'ble language switch'n Switch'n th' language 'n th' browser be a great feature, but fer some reasons ye may want t' dis'ble it.\nJust set disableLanguageSwitchingButton=true 'n yer config.toml\n[params] # When us'n multilingual website, dis'ble th' switch language button. disableLanguageSwitchingButton = true ",
     "description": "",
     "tags": null,
     "title": "Multilingual an' i18n",
     "uri": "/pir/cont/i18n/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nTh' Relearrrn theme supports one default taxonomy o' Cap'n Hugo: th' tag feature.\nConfigurat'n Just add tags t' any plank:\n+++ tags = [\"tutorial\", \"theme\"] title = \"Theme tutorial\" weight = 15 +++ Behavior Th' tags be displayed at th' top o' th' plank, 'n their insert'n order.\nEach tag be a link t' a Taxonomy plank display'n all th' articles wit' th' given tag.\nList all th' tags In th' config.toml file ye can add a shortcut t' display all th' tags\n[[menu.shortcuts]] name = \"\u003ci class='fas fa-tags'\u003e\u003c/i\u003e Tags\" url = \"/tags\" weight = 30 ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nTh' Relearrrn theme supports one default taxonomy o' Cap'n Hugo: th' tag feature.\nConfigurat'n Just add tags t' any plank:\n+++ tags = [\"tutorial\", \"theme\"] title = \"Theme tutorial\" weight = 15 +++ Behavior Th' tags be displayed at th' top o' th' plank, 'n their insert'n order.\nEach tag be a link t' a Taxonomy plank display'n all th' articles wit' th' given tag.\nList all th' tags In th' config.toml file ye can add a shortcut t' display all th' tags\n[[menu.shortcuts]] name = \"\u003ci class='fas fa-tags'\u003e\u003c/i\u003e Tags\" url = \"/tags\" weight = 30 ",
     "description": "",
     "tags": [
       "documentat'n",
@@ -101,7 +101,7 @@ var relearn_search_index = [
     "uri": "/pir/cont/tags/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nThis be a demo child plank.\nSubpages o' this plank plank 1-1 ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nThis be a demo child plank.\nSubpages o' this plank plank 1-1 ",
     "description": "",
     "tags": [
       "children",
@@ -111,28 +111,28 @@ var relearn_search_index = [
     "uri": "/pir/shortcodes/children/children-1/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nThanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.\nJust download at least version 0.95.0 o' th' Cap'n Hugo binary fer yer OS (Windows, Linux, Mac).\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nThanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.\nJust download at least version 0.95.0 o' th' Cap'n Hugo binary fer yer OS (Windows, Linux, Mac).\n",
     "description": "",
     "tags": null,
     "title": "Requirrrements",
     "uri": "/pir/basics/requirements/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nTh' follow'n steps be here t' help ye initialize yer new website. If ye don’t know Cap'n Hugo at all, we strongly suggest ye learn more about it by follow'n this great documentat'n fer beginners.\nCreate yer project Cap'n Hugo provides a new command t' create a new website.\nhugo new ship \u003cnew_project\u003e Install th' theme Install th' Relearrrn theme by follow'n this documentat'n us'n Hugo’s module system.\nThis theme’s repository be: https://github.com/McShelby/hugo-theme-relearn.git\nAlternatively, ye can download th' theme as .zip file an' extract it 'n th' themes directory\nFrom Git If ye install th' theme from yer git repository or GitHub, ye have several opt'ns.\nIf ye use th' head o' th' main branch, ye be us'n th' development version. Usually it be fully functional but can break from time t' time. We try t' fix newly introduced bugs 'n this version as soon as poss'ble.\nAdditionally ye can checkout one o' th' tagged versions. These tagged versions correspond t' an official releases from th' GitHub repository.\nBesides th' usual version tags (eg 1.2.3) there be also tags fer th' main version (eg. 1.2.x), major version (eg. 1.x) an' th' latest (just x) released version mak'n it easier fer ye t' pin th' theme t' a certain version.\nBasic configurat'n When build'n th' website, ye can set a theme by us'n --theme opt'n. However, we suggest ye modify th' configurat'n file (config.toml) an' set th' theme as th' default. Ye can also add th' [outputs] section t' en'ble th' search functionality.\n# Change th' default theme t' be use when build'n th' ship wit' Cap'n Hugo theme = \"hugo-theme-relearn\" # For search functionality [outputs] home = [ \"HTML\", \"RSS\", \"SEARCH\"] Create yer first chapter plank Chapters be planks that contain other child planks. It has a special layout style an' usually just contains a chapter name, th' title an' a brief abstract o' th' section.\n### Chapter 1 # Basics Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it. renders as\nTh' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command\nhugo new --kind chapter basics/_index.md By open'n th' given file, ye should see th' property chapter=true on top, mean'n this plank be a chapter.\nBy default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property draft: true from th' metadata.\nCreate yer first rrrambl'n planks Then, create rrrambl'n planks inside th' previously created chapter. Here be two ways t' create rrrambl'n 'n th' chapter:\nhugo new basics/first-content.md hugo new basics/second-content/_index.md Feel free t' edit those files by add'n some sample rrrambl'n an' replac'n th' title value 'n th' beginn'n o' th' files.\nLaunch'n th' website locally Launch by us'n th' follow'n command:\nhugo serve Go t' http://localhost:1313\nYe should notice three th'ns:\nYe have a left-side Basics menu, contain'n two submenus wit' names equal t' th' title properties 'n th' previously created files. Th' home plank explains how t' cust'mize it by follow'n th' instruct'ns. When ye run hugo serve, when th' contents o' th' files change, th' plank automatically refreshes wit' th' changes. Neat! Build th' website When yer ship be ready t' deploy, run th' follow'n command:\nhugo A public folder will be generated, contain'n all static rrrambl'n an' assets fer yer website. It can now be deployed on any web server.\nAvast This website can be automatically published an' hosted wit' Netlify (Read more about Automated HUGO deployments wit' Netlify). Alternatively, ye can use GitHub planks.\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nTh' follow'n steps be here t' help ye initialize yer new website. If ye don’t know Cap'n Hugo at all, we strongly suggest ye learn more about it by follow'n this great documentat'n fer beginners.\nCreate yer project Cap'n Hugo provides a new command t' create a new website.\nhugo new ship \u003cnew_project\u003e Install th' theme Install th' Relearrrn theme by follow'n this documentat'n us'n Hugo’s module system.\nThis theme’s repository be: https://github.com/McShelby/hugo-theme-relearn.git\nAlternatively, ye can download th' theme as .zip file an' extract it 'n th' themes directory\nFrom Git If ye install th' theme from yer git repository or GitHub, ye have several opt'ns.\nIf ye use th' head o' th' main branch, ye be us'n th' development version. Usually it be fully functional but can break from time t' time. We try t' fix newly introduced bugs 'n this version as soon as poss'ble.\nAdditionally ye can checkout one o' th' tagged versions. These tagged versions correspond t' an official releases from th' GitHub repository.\nBesides th' usual version tags (eg 1.2.3) there be also tags fer th' main version (eg. 1.2.x), major version (eg. 1.x) an' th' latest (just x) released version mak'n it easier fer ye t' pin th' theme t' a certain version.\nBasic configurat'n When build'n th' website, ye can set a theme by us'n --theme opt'n. However, we suggest ye modify th' configurat'n file (config.toml) an' set th' theme as th' default. Ye can also add th' [outputs] section t' en'ble th' search functionality.\n# Change th' default theme t' be use when build'n th' ship wit' Cap'n Hugo theme = \"hugo-theme-relearn\" # For search functionality [outputs] home = [ \"HTML\", \"RSS\", \"SEARCH\"] Create yer first chapter plank Chapters be planks that contain other child planks. It has a special layout style an' usually just contains a chapter name, th' title an' a brief abstract o' th' section.\n### Chapter 1 # Basics Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it. renders as\nTh' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command\nhugo new --kind chapter basics/_index.md By open'n th' given file, ye should see th' property chapter=true on top, mean'n this plank be a chapter.\nBy default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property draft: true from th' metadata.\nCreate yer first rrrambl'n planks Then, create rrrambl'n planks inside th' previously created chapter. Here be two ways t' create rrrambl'n 'n th' chapter:\nhugo new basics/first-content.md hugo new basics/second-content/_index.md Feel free t' edit those files by add'n some sample rrrambl'n an' replac'n th' title value 'n th' beginn'n o' th' files.\nLaunch'n th' website locally Launch by us'n th' follow'n command:\nhugo serve Go t' http://localhost:1313\nYe should notice three th'ns:\nYe have a left-side Basics menu, contain'n two submenus wit' names equal t' th' title properties 'n th' previously created files. Th' home plank explains how t' cust'mize it by follow'n th' instruct'ns. When ye run hugo serve, when th' contents o' th' files change, th' plank automatically refreshes wit' th' changes. Neat! Build th' website When yer ship be ready t' deploy, run th' follow'n command:\nhugo A public folder will be generated, contain'n all static rrrambl'n an' assets fer yer website. It can now be deployed on any web server.\nAvast This website can be automatically published an' hosted wit' Netlify (Read more about Automated HUGO deployments wit' Netlify). Alternatively, ye can use GitHub planks.\n",
     "description": "",
     "tags": null,
     "title": "Installat'n",
     "uri": "/pir/basics/installation/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nGlobal ship parameters On top o' Cap'n Hugo global configurat'n, th' Relearrrn theme lets ye define th' follow'n parameters 'n yer config.toml (here, values be default).\nAvast that some o' these parameters be explained 'n details 'n other sections o' this documentat'n.\n[params] # This controls whether submenus will be expanded (true), or collapsed (false) 'n th' # menu; if no sett'n be given, th' first menu level be set t' false, all others t' true; # this can be overridden 'n th' planks frontmatter alwaysopen = true # Prefix URL t' edit current plank. Will display an \"Edit\" button on top right hand corner o' every plank. # Useful t' give opportunity t' people t' create merge request fer yer doc. # See th' config.toml file from this documentat'n ship t' have an example. editURL = \"\" # Author o' th' ship, will be used 'n meta informat'n author = \"\" # Descript'n o' th' ship, will be used 'n meta informat'n descript'n = \"\" # Shows a checkmark fer visited planks on th' menu showVisitedLinks = false # Dis'ble search funct'n. It will hide search bar disableSearch = false # Dis'ble search 'n hidden planks, otherwise they will be shown 'n search box disableSearchHiddenPages = false # Disables hidden planks from show'n up 'n th' sitemap an' on Google (et all), otherwise they may be indexed by search engines disableSeoHiddenPages = false # Disables hidden planks from show'n up on th' tags plank although th' tag term will be displayed even if all planks be hidden disableTagHiddenPages = false # Javascript an' CSS cache be automatically busted when new version o' ship be generated. # Set this t' true t' dis'ble this behavior (some proxies don't handle well this optimization) disableAssetsBust'n = false # Set this t' true if ye want t' dis'ble generat'n fer generator version meta tags o' hugo an' th' theme; # don't forget t' also set Hugo's disableHugoGeneratorInject=true, otherwise it will generate a meta tag into yer home plank disableGeneratorVersion = false # Set this t' true t' dis'ble copy-to-clipboard button fer inline code. disableInlineCopyToClipBoard = false # A title fer shortcuts 'n menu be set by default. Set this t' true t' dis'ble it. disableShortcutsTitle = false # If set t' false, a Home button will appear below th' search bar on th' menu. # It be redirect'n t' th' land'n plank o' th' current language if specified. (Default be \"/\") disableLandingPageButton = true # When us'n mulitlingual website, dis'ble th' switch language button. disableLanguageSwitchingButton = false # Hide breadcrumbs 'n th' header an' only show th' current plank title disableBreadcrumb = true # If set t' true, hide t'ble o' contents menu 'n th' header o' all planks disableToc = false # If set t' false, board th' MathJax module on every plank regardless if a MathJax shortcode be present disableMathJax = false # Specifies th' remote locat'n o' th' MathJax js customMathJaxURL = \"https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js\" # Initializat'n parameter fer MathJax, see MathJax documentat'n mathJaxInitialize = \"{}\" # If set t' false, board th' Merrrmaid module on every plank regardless if a Merrrmaid shortcode or Merrrmaid codefence be present disableMermaid = false # Specifies th' remote locat'n o' th' Merrrmaid js customMermaidURL = \"https://unpkg.com/mermaid/dist/mermaid.min.js\" # Initializat'n parameter fer Merrrmaid, see Merrrmaid documentat'n mermaidInitialize = \"{ \\\"theme\\\": \\\"default\\\" }\" # If set t' false, board th' Swagger module on every plank regardless if a Swagger shortcode be present disableSwagger = false # Specifies th' remote locat'n o' th' RapiDoc js customSwaggerURL = \"https://unpkg.com/rapidoc/dist/rapidoc-min.js\" # Initializat'n parameter fer Swagger, see RapiDoc documentat'n swaggerInitialize = \"{ \\\"theme\\\": \\\"light\\\" }\" # Hide Next an' Previous plank buttons normally displayed full height beside rrrambl'n disableNextPrev = true # Order sections 'n menu by \"weight\" or \"title\". Default t' \"weight\"; # this can be overridden 'n th' planks frontmatter ordersectionsby = \"weight\" # Change default color scheme wit' a variant one. Eg. can be \"auto\", \"red\", \"blue\", \"green\" or an array like [ \"blue\", \"green\" ]. themeVariant = \"auto\" # Change th' title separator. Default t' \"::\". titleSeparator = \"-\" # If set t' true, th' menu 'n th' sidebar will be displayed 'n a collaps'ble tree view. Although th' functionality works wit' old browsers (IE11), th' display o' th' expander ay'cons be limited t' modern browsers collapsibleMenu = false # If a single plank can contain rrrambl'n 'n multiple languages, add those here additionalContentLanguage = [ \"en\" ] # If set t' true, no index.html will be appended t' prettyURLs; this will cause planks not # t' be serv'ble from th' file system disableExplicitIndexURLs = false # For external links ye can define how they be opened 'n yer browser; this sett'n will only be applied t' th' rrrambl'n area but not th' shortcut menu externalLinkTarget = \"_blank\" Serv'n yer plank from a subfolder If yer ship be served from a subfolder, eg. https://example.com/mysite/, ye have t' set th' follow'n lines t' yer config.toml\nbaseURL = \"https://example.com/mysite/\" canonifyURLs = true relativeURLs = true Without canonifyURLs=true URLs 'n sublemental planks (like sitemap.xml, rss.xml) will be generated falsly while yer HTML files will still work. See https://github.com/gohugoio/hugo/issues/5226.\nServ'n yer plank from th' filesystem If ye want yer plank served from th' filesystem by us'n URLs start'n wit' file:// you’ll need th' follow'n configurat'n 'n yer config.toml:\nrelativeURLs = true Th' theme will append an additional index.html t' all branch bundle links by default t' make th' plank be serv'ble from th' file system. If ye don’t care about th' file system an' only serve yer plank via a webserver ye can also generate th' links without this change by add'n this t' yer config.toml\n[params] disableExplicitIndexURLs = true Avast If ye want t' use th' search feature from th' file system us'n an older installat'n o' th' theme make sure t' change yer outputformat fer th' homepage from th' now deprecated JSON t' SEARCH as seen below.\nActivate search If not already present, add th' follow'n lines 'n th' same config.toml file.\n[outputs] home = [\"HTML\", \"RSS\", \"SEARCH\"] This will generate a search index file at th' root o' yer public folder ready t' be consumed by th' Lunr search library. Avast that th' SEARCH outputformat was named JSON 'n previous releases but was implemented differently. Although JSON still works, it be now deprecated.\nActivate dedicated search plank Ye can add a dedicated search plank fer yer plank by add'n th' SEARCHPAGE outputformat t' yer home plank by add'n th' follow'n lines 'n yer config.toml file.\n[outputs] home = [\"HTML\", \"RSS\", \"SEARCH\", \"SEARCHPAGE\"] Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n ENTER inside o' th' menu’s search box .\nActivate print support Ye can activate print support t' add th' capability t' print whole chapters or even th' complete ship. Just add th' PRINT output format t' yer home, section an' plank 'n yer config.toml as seen below:\n[outputs] home = [\"HTML\", \"RSS\", \"PRINT\", \"SEARCH\"] section = [\"HTML\", \"RSS\", \"PRINT\"] plank = [\"HTML\", \"RSS\", \"PRINT\"] This will add a little printer ay'con 'n th' top bar. It will switch th' plank t' print preview when clicked. Ye can then send this plank t' th' printer by us'n yer browser’s usual print functionality.\nAvast Th' result'n URL will not be configured ugly 'n terms o' Hugo’s URL handl'n even if you’ve set uglyURLs=true 'n yer config.toml. This be due t' th' fact that fer one mime type only one suffix can be configured.\nNevertheless, if you’re unhappy wit' th' result'n URLs ye can manually redefine outputFormats.PRINT 'n yer own config.toml t' yer lik'n.\nMathJax Th' MathJax configurat'n parameters can also be set on a specific plank. In this case, th' global parameter would be overwritten by th' local one. See Math fer additional documentat'n.\nExample MathJax be globally disabled. By default it won’t be boarded by any plank.\nOn plank “Physics” ye coded some JavaScript fer a dynamic formulae. Ye can set th' MathJax parameters locally t' board mathJax on this plank.\nYe also can dis'ble MathJax fer specific planks while globally enabled.\nMerrrmaid Th' Merrrmaid configurat'n parameters can also be set on a specific plank. In this case, th' global parameter would be overwritten by th' local one. See Merrrmaid fer additional documentat'n.\nExample Merrrmaid be globally disabled. By default it won’t be boarded by any plank.\nOn plank “Architecture” ye coded some JavaScript t' dynamically generate a class diagram. Ye can set th' Merrrmaid parameters locally t' board mermaid on this plank.\nYe also can dis'ble Merrrmaid fer specific planks while globally enabled.\nHome Button Configurat'n If th' disableLandingPageButton opt'n be set t' false, a Home button will appear on th' left menu. It be an alternative fer click'n on th' logo. T' edit th' appearance, ye will have t' configure two parameters fer th' defined languages:\n[Languages] [Languages.en] ... landingPageName = \"\u003ci class='fas fa-home'\u003e\u003c/i\u003e Home\" ... [Languages.pir] ... landingPageName = \"\u003ci class='fas fa-home'\u003e\u003c/i\u003e Arrr! Homme\" ... If those params be not configured fer a specific language, they will get their default values:\nlandingPageName = \"\u003ci class='fas fa-home'\u003e\u003c/i\u003e Home\" Th' home button be go'n t' look like this:\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nGlobal ship parameters On top o' Cap'n Hugo global configurat'n, th' Relearrrn theme lets ye define th' follow'n parameters 'n yer config.toml (here, values be default).\nAvast that some o' these parameters be explained 'n details 'n other sections o' this documentat'n.\n[params] # This controls whether submenus will be expanded (true), or collapsed (false) 'n th' # menu; if no sett'n be given, th' first menu level be set t' false, all others t' true; # this can be overridden 'n th' planks frontmatter alwaysopen = true # Prefix URL t' edit current plank. Will display an \"Edit\" button on top right hand corner o' every plank. # Useful t' give opportunity t' people t' create merge request fer yer doc. # See th' config.toml file from this documentat'n ship t' have an example. editURL = \"\" # Author o' th' ship, will be used 'n meta informat'n author = \"\" # Descript'n o' th' ship, will be used 'n meta informat'n descript'n = \"\" # Shows a checkmark fer visited planks on th' menu showVisitedLinks = false # Dis'ble search funct'n. It will hide search bar disableSearch = false # Dis'ble search 'n hidden planks, otherwise they will be shown 'n search box disableSearchHiddenPages = false # Disables hidden planks from show'n up 'n th' sitemap an' on Google (et all), otherwise they may be indexed by search engines disableSeoHiddenPages = false # Disables hidden planks from show'n up on th' tags plank although th' tag term will be displayed even if all planks be hidden disableTagHiddenPages = false # Javascript an' CSS cache be automatically busted when new version o' ship be generated. # Set this t' true t' dis'ble this behavior (some proxies don't handle well this optimization) disableAssetsBust'n = false # Set this t' true if ye want t' dis'ble generat'n fer generator version meta tags o' hugo an' th' theme; # don't forget t' also set Hugo's disableHugoGeneratorInject=true, otherwise it will generate a meta tag into yer home plank disableGeneratorVersion = false # Set this t' true t' dis'ble copy-to-clipboard button fer inline code. disableInlineCopyToClipBoard = false # A title fer shortcuts 'n menu be set by default. Set this t' true t' dis'ble it. disableShortcutsTitle = false # If set t' false, a Home button will appear below th' search bar on th' menu. # It be redirect'n t' th' land'n plank o' th' current language if specified. (Default be \"/\") disableLandingPageButton = true # When us'n mulitlingual website, dis'ble th' switch language button. disableLanguageSwitchingButton = false # Hide breadcrumbs 'n th' header an' only show th' current plank title disableBreadcrumb = true # If set t' true, hide t'ble o' contents menu 'n th' header o' all planks disableToc = false # If set t' false, board th' MathJax module on every plank regardless if a MathJax shortcode be present disableMathJax = false # Specifies th' remote locat'n o' th' MathJax js customMathJaxURL = \"https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js\" # Initializat'n parameter fer MathJax, see MathJax documentat'n mathJaxInitialize = \"{}\" # If set t' false, board th' Merrrmaid module on every plank regardless if a Merrrmaid shortcode or Merrrmaid codefence be present disableMermaid = false # Specifies th' remote locat'n o' th' Merrrmaid js customMermaidURL = \"https://unpkg.com/mermaid/dist/mermaid.min.js\" # Initializat'n parameter fer Merrrmaid, see Merrrmaid documentat'n mermaidInitialize = \"{ \\\"theme\\\": \\\"default\\\" }\" # If set t' false, board th' Swagger module on every plank regardless if a Swagger shortcode be present disableSwagger = false # Specifies th' remote locat'n o' th' RapiDoc js customSwaggerURL = \"https://unpkg.com/rapidoc/dist/rapidoc-min.js\" # Initializat'n parameter fer Swagger, see RapiDoc documentat'n swaggerInitialize = \"{ \\\"theme\\\": \\\"light\\\" }\" # Hide Next an' Previous plank buttons normally displayed full height beside rrrambl'n disableNextPrev = true # Order sections 'n menu by \"weight\" or \"title\". Default t' \"weight\"; # this can be overridden 'n th' planks frontmatter ordersectionsby = \"weight\" # Change default color scheme wit' a variant one. Eg. can be \"auto\", \"red\", \"blue\", \"green\" or an array like [ \"blue\", \"green\" ]. themeVariant = \"auto\" # Change th' title separator. Default t' \"::\". titleSeparator = \"-\" # If set t' true, th' menu 'n th' sidebar will be displayed 'n a collaps'ble tree view. Although th' functionality works wit' old browsers (IE11), th' display o' th' expander ay'cons be limited t' modern browsers collapsibleMenu = false # If a single plank can contain rrrambl'n 'n multiple languages, add those here additionalContentLanguage = [ \"en\" ] # If set t' true, no index.html will be appended t' prettyURLs; this will cause planks not # t' be serv'ble from th' file system disableExplicitIndexURLs = false # For external links ye can define how they be opened 'n yer browser; this sett'n will only be applied t' th' rrrambl'n area but not th' shortcut menu externalLinkTarget = \"_blank\" Serv'n yer plank from a subfolder If yer ship be served from a subfolder, eg. https://example.com/mysite/, ye have t' set th' follow'n lines t' yer config.toml\nbaseURL = \"https://example.com/mysite/\" canonifyURLs = true relativeURLs = true Without canonifyURLs=true URLs 'n sublemental planks (like sitemap.xml, rss.xml) will be generated falsly while yer HTML files will still work. See https://github.com/gohugoio/hugo/issues/5226.\nServ'n yer plank from th' filesystem If ye want yer plank served from th' filesystem by us'n URLs start'n wit' file:// you’ll need th' follow'n configurat'n 'n yer config.toml:\nrelativeURLs = true Th' theme will append an additional index.html t' all branch bundle links by default t' make th' plank be serv'ble from th' file system. If ye don’t care about th' file system an' only serve yer plank via a webserver ye can also generate th' links without this change by add'n this t' yer config.toml\n[params] disableExplicitIndexURLs = true Avast If ye want t' use th' search feature from th' file system us'n an older installat'n o' th' theme make sure t' change yer outputformat fer th' homepage from th' now deprecated JSON t' SEARCH as seen below.\nActivate search If not already present, add th' follow'n lines 'n th' same config.toml file.\n[outputs] home = [\"HTML\", \"RSS\", \"SEARCH\"] This will generate a search index file at th' root o' yer public folder ready t' be consumed by th' Lunr search library. Avast that th' SEARCH outputformat was named JSON 'n previous releases but was implemented differently. Although JSON still works, it be now deprecated.\nActivate dedicated search plank Ye can add a dedicated search plank fer yer plank by add'n th' SEARCHPAGE outputformat t' yer home plank by add'n th' follow'n lines 'n yer config.toml file.\n[outputs] home = [\"HTML\", \"RSS\", \"SEARCH\", \"SEARCHPAGE\"] Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n ENTER inside o' th' menu’s search box .\nActivate print support Ye can activate print support t' add th' capability t' print whole chapters or even th' complete ship. Just add th' PRINT output format t' yer home, section an' plank 'n yer config.toml as seen below:\n[outputs] home = [\"HTML\", \"RSS\", \"PRINT\", \"SEARCH\"] section = [\"HTML\", \"RSS\", \"PRINT\"] plank = [\"HTML\", \"RSS\", \"PRINT\"] This will add a little printer ay'con 'n th' top bar. It will switch th' plank t' print preview when clicked. Ye can then send this plank t' th' printer by us'n yer browser’s usual print functionality.\nAvast Th' result'n URL will not be configured ugly 'n terms o' Hugo’s URL handl'n even if you’ve set uglyURLs=true 'n yer config.toml. This be due t' th' fact that fer one mime type only one suffix can be configured.\nNevertheless, if you’re unhappy wit' th' result'n URLs ye can manually redefine outputFormats.PRINT 'n yer own config.toml t' yer lik'n.\nMathJax Th' MathJax configurat'n parameters can also be set on a specific plank. In this case, th' global parameter would be overwritten by th' local one. See Math fer additional documentat'n.\nExample MathJax be globally disabled. By default it won’t be boarded by any plank.\nOn plank “Physics” ye coded some JavaScript fer a dynamic formulae. Ye can set th' MathJax parameters locally t' board mathJax on this plank.\nYe also can dis'ble MathJax fer specific planks while globally enabled.\nMerrrmaid Th' Merrrmaid configurat'n parameters can also be set on a specific plank. In this case, th' global parameter would be overwritten by th' local one. See Merrrmaid fer additional documentat'n.\nExample Merrrmaid be globally disabled. By default it won’t be boarded by any plank.\nOn plank “Architecture” ye coded some JavaScript t' dynamically generate a class diagram. Ye can set th' Merrrmaid parameters locally t' board mermaid on this plank.\nYe also can dis'ble Merrrmaid fer specific planks while globally enabled.\nHome Button Configurat'n If th' disableLandingPageButton opt'n be set t' false, a Home button will appear on th' left menu. It be an alternative fer click'n on th' logo. T' edit th' appearance, ye will have t' configure two parameters fer th' defined languages:\n[Languages] [Languages.en] ... landingPageName = \"\u003ci class='fas fa-home'\u003e\u003c/i\u003e Home\" ... [Languages.pir] ... landingPageName = \"\u003ci class='fas fa-home'\u003e\u003c/i\u003e Arrr! Homme\" ... If those params be not configured fer a specific language, they will get their default values:\nlandingPageName = \"\u003ci class='fas fa-home'\u003e\u003c/i\u003e Home\" Th' home button be go'n t' look like this:\n",
     "description": "",
     "tags": null,
     "title": "Configurrrat'n",
     "uri": "/pir/basics/configuration/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nThis be a demo child plank wit' no descript'n.\nSo its rrrambl'n be used as descript'n.\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nThis be a demo child plank wit' no descript'n.\nSo its rrrambl'n be used as descript'n.\n",
     "description": "",
     "tags": [
       "children",
@@ -142,28 +142,28 @@ var relearn_search_index = [
     "uri": "/pir/shortcodes/children/children-2/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nTh' Relearrrn theme has been built t' be as configur'ble as poss'ble by defin'n multiple partials\nIn themes/hugo-theme-relearn/layouts/partials/, ye will find all th' partials defined fer this theme. If ye need t' overwrite someth'n, don’t change th' code directly. Instead follow this plank. You’d create a new partial 'n th' layouts/partials folder o' yer local project. This partial will have th' priority.\nThis theme defines th' follow'n partials :\nheader.html: th' header o' th' plank. See output-formats footer.html: th' footer o' th' plank. See output-formats body.html: th' body o' th' plank. Th' body may contain o' one or many articles. See output-formats article.html: th' output fer a single article, can contain elements around yer rrrambl'n. See output-formats menu.html: left menu. Not meant t' be overwritten search.html: search box. Not meant t' be overwritten custom-header.html: custom headers 'n plank. Meant t' be overwritten when add'n CSS imports. Don’t forget t' include style HTML tag directive 'n yer file. custom-footer.html: custom footer 'n plank. Meant t' be overwritten when add'n JavaScript. Don’t forget t' include javascript HTML tag directive 'n yer file. favicon.html: th' favicon heading-pre.html: side-wide configurat'n t' prepend t' planks title head'ns. If ye override this, it be yer responsibility t' take th' page’s headingPre sett'n into account. heading-post.html: side-wide configurat'n t' append t' planks title head'ns. If ye override this, it be yer responsibility t' take th' page’s headingPost sett'n into account. logo.html: th' logo, on top left hand corner meta.html: HTML meta tags, if ye want t' change default behavior menu-pre.html: side-wide configurat'n t' prepend t' menu items. If ye override this, it be yer responsibility t' take th' page’s menuPre sett'n into account. menu-post.html: side-wide configurat'n t' append t' menu items. If ye override this, it be yer responsibility t' take th' page’s menuPost sett'n into account. menu-footer.html: footer o' th' the left menu toc.html: t'ble o' contents rrrambl'n.html: th' rrrambl'n plank itself. This can be overridden if ye want t' display page’s meta data above or below th' rrrambl'n. content-footer: footer below th' rrrambl'n, has a default implementat'n but ye can overwrite it if ye don’t like it. Change th' logo Create a new file 'n layouts/partials/ named logo.html. Then write any HTML ye want. Ye could use an img HTML tag an' reference an image created under th' static folder, or ye could paste a SVG definit'n!\nAvast Th' size o' th' logo will adapt automatically\nChange th' favicon If yer favicon be a SVG, PNG or ICO, just drop off yer image 'n yer local static/images/ folder an' name it favicon.svg, favicon.png or favicon.ico respectively.\nIf no favicon file be found, th' theme will lookup th' alternative filename logo 'n th' same locat'n an' will repeat th' search fer th' list o' supported file types.\nIf ye need t' change this default behavior, create a new file 'n layouts/partials/ named favicon.html. Then write someth'n like this:\n\u003clink rel=\"icon\" href=\"/images/favicon.bmp\" type=\"image/bmp\"\u003e Change th' colors Th' Relearrrn theme lets ye choose between some predefined color variants 'n light or dark mode, but feel free t' add one yourself!\nYe can preview th' shipped variants by chang'n them 'n th' variant selector at th' bottom o' th' menu.\nSingle variant Set th' themeVariant value wit' th' name o' yer theme file. That’s it!\n[params] themeVariant = \"relearn-light\" In th' above example yer theme file has t' be named theme-relearn-light.css\nMultiple variants Ye can also set multiple variants. In this case, th' first variant be th' default chosen on first view an' a variant switch will be shown 'n th' menu footer.\n[params] # Change default color scheme wit' a variant one. themeVariant = [ \"relearn-light\", \"relearn-dark\" ] Smarrrt Arrrse If ye want t' switch th' rules highlight'n theme together wit' yer color variant, generate a rules highlight'n stylesheet an' configure yer installat'n accord'n t' Hugo’s documentat'n, an' @import this stylesheet 'n yer color variant stylesheet. For an example, take a look into theme-relearn-light.css an' config.toml o' th' exampleSite.\nAdjust t' OS Sett'ns Ye can also cause th' ship t' adjust t' yer OS sett'ns fer light/dark mode. Just set th' themeVariant t' auto. That’s it.\nIf you’ve set multiple variants, ye can drop auto at any posit'n, but usually it makes sense t' set it 'n th' first posit'n an' make it th' default.\n[params] themeVariant = [ \"auto\", \"red\" ] If ye don’t configure anyth'n else, th' theme will use relearn-light fer light mode an' relearn-dark fer dark mode.\nIf ye don’t like that, ye can set themeVariantAuto. Th' first element be th' variant fer light mode, th' second fer dark mode\n[params] themeVariantAuto = [ \"learn\", \"neon\" ] Avast This be not supported fer Internet Explorer 11, which still displays 'n th' relearn-light variant.\nRoll yer own If ye be not happy wit' th' shipped variants ye can either copy an' rename one o' th' shipped files from themes/hugo-theme-relearn/static/css t' static/css, edit them afterwards t' yer lik'n 'n a text editor an' configure th' themeVariant parameter 'n yer config.toml or just use th' interactive variant generator.\nOutput formats Certain parts o' th' theme can be changed fer support o' yer own output formats. Eg. if ye define a new output format PLAINTEXT 'n yer config.toml, ye can add a file layouts/partials/header.plaintext.html t' change th' way, th' plank header should look like fer that output format.\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nTh' Relearrrn theme has been built t' be as configur'ble as poss'ble by defin'n multiple partials\nIn themes/hugo-theme-relearn/layouts/partials/, ye will find all th' partials defined fer this theme. If ye need t' overwrite someth'n, don’t change th' code directly. Instead follow this plank. You’d create a new partial 'n th' layouts/partials folder o' yer local project. This partial will have th' priority.\nThis theme defines th' follow'n partials :\nheader.html: th' header o' th' plank. See output-formats footer.html: th' footer o' th' plank. See output-formats body.html: th' body o' th' plank. Th' body may contain o' one or many articles. See output-formats article.html: th' output fer a single article, can contain elements around yer rrrambl'n. See output-formats menu.html: left menu. Not meant t' be overwritten search.html: search box. Not meant t' be overwritten custom-header.html: custom headers 'n plank. Meant t' be overwritten when add'n CSS imports. Don’t forget t' include style HTML tag directive 'n yer file. custom-footer.html: custom footer 'n plank. Meant t' be overwritten when add'n JavaScript. Don’t forget t' include javascript HTML tag directive 'n yer file. favicon.html: th' favicon heading-pre.html: side-wide configurat'n t' prepend t' planks title head'ns. If ye override this, it be yer responsibility t' take th' page’s headingPre sett'n into account. heading-post.html: side-wide configurat'n t' append t' planks title head'ns. If ye override this, it be yer responsibility t' take th' page’s headingPost sett'n into account. logo.html: th' logo, on top left hand corner meta.html: HTML meta tags, if ye want t' change default behavior menu-pre.html: side-wide configurat'n t' prepend t' menu items. If ye override this, it be yer responsibility t' take th' page’s menuPre sett'n into account. menu-post.html: side-wide configurat'n t' append t' menu items. If ye override this, it be yer responsibility t' take th' page’s menuPost sett'n into account. menu-footer.html: footer o' th' the left menu toc.html: t'ble o' contents rrrambl'n.html: th' rrrambl'n plank itself. This can be overridden if ye want t' display page’s meta data above or below th' rrrambl'n. content-footer: footer below th' rrrambl'n, has a default implementat'n but ye can overwrite it if ye don’t like it. Change th' logo Create a new file 'n layouts/partials/ named logo.html. Then write any HTML ye want. Ye could use an img HTML tag an' reference an image created under th' static folder, or ye could paste a SVG definit'n!\nAvast Th' size o' th' logo will adapt automatically\nChange th' favicon If yer favicon be a SVG, PNG or ICO, just drop off yer image 'n yer local static/images/ folder an' name it favicon.svg, favicon.png or favicon.ico respectively.\nIf no favicon file be found, th' theme will lookup th' alternative filename logo 'n th' same locat'n an' will repeat th' search fer th' list o' supported file types.\nIf ye need t' change this default behavior, create a new file 'n layouts/partials/ named favicon.html. Then write someth'n like this:\n\u003clink rel=\"icon\" href=\"/images/favicon.bmp\" type=\"image/bmp\"\u003e Change th' colors Th' Relearrrn theme lets ye choose between some predefined color variants 'n light or dark mode, but feel free t' add one yourself!\nYe can preview th' shipped variants by chang'n them 'n th' variant selector at th' bottom o' th' menu.\nSingle variant Set th' themeVariant value wit' th' name o' yer theme file. That’s it!\n[params] themeVariant = \"relearn-light\" In th' above example yer theme file has t' be named theme-relearn-light.css\nMultiple variants Ye can also set multiple variants. In this case, th' first variant be th' default chosen on first view an' a variant switch will be shown 'n th' menu footer.\n[params] # Change default color scheme wit' a variant one. themeVariant = [ \"relearn-light\", \"relearn-dark\" ] Smarrrt Arrrse If ye want t' switch th' rules highlight'n theme together wit' yer color variant, generate a rules highlight'n stylesheet an' configure yer installat'n accord'n t' Hugo’s documentat'n, an' @import this stylesheet 'n yer color variant stylesheet. For an example, take a look into theme-relearn-light.css an' config.toml o' th' exampleSite.\nAdjust t' OS Sett'ns Ye can also cause th' ship t' adjust t' yer OS sett'ns fer light/dark mode. Just set th' themeVariant t' auto. That’s it.\nIf you’ve set multiple variants, ye can drop auto at any posit'n, but usually it makes sense t' set it 'n th' first posit'n an' make it th' default.\n[params] themeVariant = [ \"auto\", \"red\" ] If ye don’t configure anyth'n else, th' theme will use relearn-light fer light mode an' relearn-dark fer dark mode.\nIf ye don’t like that, ye can set themeVariantAuto. Th' first element be th' variant fer light mode, th' second fer dark mode\n[params] themeVariantAuto = [ \"learn\", \"neon\" ] Avast This be not supported fer Internet Explorer 11, which still displays 'n th' relearn-light variant.\nRoll yer own If ye be not happy wit' th' shipped variants ye can either copy an' rename one o' th' shipped files from themes/hugo-theme-relearn/static/css t' static/css, edit them afterwards t' yer lik'n 'n a text editor an' configure th' themeVariant parameter 'n yer config.toml or just use th' interactive variant generator.\nOutput formats Certain parts o' th' theme can be changed fer support o' yer own output formats. Eg. if ye define a new output format PLAINTEXT 'n yer config.toml, ye can add a file layouts/partials/header.plaintext.html t' change th' way, th' plank header should look like fer that output format.\n",
     "description": "",
     "tags": null,
     "title": "Customizat'n",
     "uri": "/pir/basics/customization/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nThis interactive tool may help ye t' generate yer own color variant stylesheet.\nT' get started, first select a color variant from th' variant switch that fits ye best as a start'n point.\nTh' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph an' th' plank will update accordingly.\nTh' arrowed lines reflects how colors be inherited thru different parts o' th' theme if th' descendent isn’t overwritten. If ye want t' delete a color an' let it inherit from its parent, just delete th' value from th' input field.\nT' better understand this select th' neon variant an' modify th' different head'n colors. There, colors fer th' head'n h2, h3 an' h4 be explicitly set. h5 be not set an' inherits its value from h4. h6 be also not set an' inherits its value from h5.\nOnce you’ve changed a color, th' variant switch will show a “My custom variant” entry an' yer changes be stored 'n th' browser. Ye can change planks an' even close th' browser without los'n yer changes.\nOnce ye be satisfied, ye can download th' new variants file an' copy it into yer site’s static/css directory. Afterwards ye have t' adjust th' themeVariant parameter 'n yer config.toml t' yer chosen file name.\nEg. if yer new variants file be named theme-my-custom-variant.css, ye have t' set themeVariant='my-custom-variant' t' use it.\nAvast This only works 'n modern browsers.\nVariant generator Download variant Reset variant Graph Download variant Reset variant ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nThis interactive tool may help ye t' generate yer own color variant stylesheet.\nT' get started, first select a color variant from th' variant switch that fits ye best as a start'n point.\nTh' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph an' th' plank will update accordingly.\nTh' arrowed lines reflects how colors be inherited thru different parts o' th' theme if th' descendent isn’t overwritten. If ye want t' delete a color an' let it inherit from its parent, just delete th' value from th' input field.\nT' better understand this select th' neon variant an' modify th' different head'n colors. There, colors fer th' head'n h2, h3 an' h4 be explicitly set. h5 be not set an' inherits its value from h4. h6 be also not set an' inherits its value from h5.\nOnce you’ve changed a color, th' variant switch will show a “My custom variant” entry an' yer changes be stored 'n th' browser. Ye can change planks an' even close th' browser without los'n yer changes.\nOnce ye be satisfied, ye can download th' new variants file an' copy it into yer site’s static/css directory. Afterwards ye have t' adjust th' themeVariant parameter 'n yer config.toml t' yer chosen file name.\nEg. if yer new variants file be named theme-my-custom-variant.css, ye have t' set themeVariant='my-custom-variant' t' use it.\nAvast This only works 'n modern browsers.\nVariant generator Download variant Reset variant Graph Download variant Reset variant ",
     "description": "",
     "tags": null,
     "title": "Stylesheet generrrat'r",
     "uri": "/pir/basics/generator/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nChangelog 5.11.2 (2023-02-07) Fixes [bug] tabs: nested tabs rrrambl'n be not displayed #468 5.11.1 (2023-02-06) Fixes [bug] variant: include miss'n theme-auto.css 'n distribut'n #467 5.11.0 (2023-02-05) Enhancements [feature] i18n: add Czech translat'n #455 [feature][change] lightbox: switch t' CSS-only solut'n #451 [feature][change] variant: add support fer prefers-color-scheme #445 [feature][change] expand: refactor fer a11y #339 [feature][change] mermaid: make zoom configur'ble #144 Fixes [bug] swagger: avoid errors when us'n invalid rapi-doc fragment ids #465 [bug] search: fix oddities 'n keyboard handl'n #463 [bug] badge: fix text color fer IE11 #462 [bug] mermaid: rerender graph if search term be present an' variant be switched #460 [bug] tags: show tag on planks when tag has space #459 [bug] edit: remove do'ble slash on root plank link #450 Maintenance [task] build: add mov'n version tags #453 [task][change] theme: remove jQuery #452 [task] build: check fer release notes before release #448 5.10.2 (2023-01-25) Fixes [bug] nav: fix breadcrumb fer huge installat'ns #446 5.10.1 (2023-01-25) Fixes [bug] print: fix image links wit' relative path #444 5.10.0 (2023-01-25) Enhancements [feature] shorrrtcodes: support fer accent color #440 [feature] shorrrtcodes: add color parameter whar' applic'ble #438 [feature] theme: announce translat'ns as alternate links #422 Fixes [bug] nav: fix breadcrumbs fer deeply nested sections #442 [bug] theme: improve whitespac'n 'n tables #441 5.9.4 (2023-01-23) Fixes [bug] variant: fix search ay'con an' text color #437 5.9.3 (2023-01-22) Fixes [bug] nav: fix left/right navigat'n fer horizontal scroll'n #435 [bug] theme: allow planks on top level #434 Maintenance [task] build: switch t' wildcard version o' act'ns #428 5.9.2 (2022-12-30) Fixes [bug] search: apply dependency scripts fer Hindi an' Japanese #427 5.9.1 (2022-12-23) Enhancements [feature] theme: make external link target configur'ble #426 5.9.0 (2022-12-23) Enhancements [feature][change] theme: open external links 'n separate tab #419 [feature] theme: make it a Cap'n Hugo module #417 Fixes [bug][change] attachments: fix incorrect links fer defaultContentLanguageInSubdir=true #425 5.8.1 (2022-12-11) Fixes [bug] theme: fix alias fer home plank if defaultContentLanguageInSubdir=true #414 5.8.0 (2022-12-08) Enhancements [feature] ay'con: add new shortcode #412 [feature] theme: style an' document markdown extensions #411 [feature] badge: add new shortcode #410 [feature] theme: add accent color #409 Fixes [bug] theme: fix spac'n fer tag flyout 'n FF #413 5.7.0 (2022-11-29) Enhancements [feature] button: refactor fer a11y #372 Fixes [bug] search: don’t freeze browser on long search terms #408 [bug] search: fix searchbox placeholder color 'n FF an' IE #405 [bug][change] i18n: rename Korean translat'n from country t' lang code #404 Maintenance [task] search: update lunr languages t' 1.10.0 #403 5.6.6 (2022-11-23) Enhancements [feature] search: make build an' js forgiv'n against config errors #400 Fixes [bug] variant: minor color adjustments #402 [bug] variant: fix generator fer use o' neon #401 5.6.5 (2022-11-19) Fixes [bug] menu: relax usage o' background color #399 5.6.4 (2022-11-19) Fixes [bug] theme: make alias planks us'ble by file:// protocol #398 5.6.3 (2022-11-19) Fixes [bug] theme: be compat'ble wit' Cap'n Hugo \u003e= 0.95.0 #397 5.6.2 (2022-11-19) Fixes [bug] theme: build breaks sites without “output” section 'n config #396 5.6.1 (2022-11-19) Fixes [bug] theme: fix image distort'n #395 5.6.0 (2022-11-18) Enhancements [feature] toc: improve keyboard handl'n #390 [feature] search: improve keyboard handl'n #387 [feature] search: add dedicated search plank #386 [feature] theme: make creat'n o' generator meta tag configur'ble #383 [feature] theme: increase build performance #380 Fixes [bug] mermaid: avoid lead'n whitespace #394 [bug] theme: fix build errors when referenc'n SVGs 'n markdown #393 [bug] variant: avoid neon t' leak into IE11 fallback #392 [bug] theme: fix urls fer file:// protocol 'n sitemap #385 [bug] theme: add id t' h1 elements #384 [bug] rss: fix display o' hidden subpages #382 [bug] nav: fix key navigat'n when press'n wrong modifiers #379 Maintenance [task] mermaid: update t' version 9.2.2 #391 5.5.3 (2022-11-10) Fixes [bug] tags: fix non-latin tag display on planks #378 5.5.2 (2022-11-08) Fixes [bug] theme: fix typo 'n 404.html #376 [bug] theme: allow menu items an' children t' be served by file:// protocol #375 5.5.1 (2022-11-07) Fixes [bug] theme: fix overflow'n issue wit' anchors an' tooltips #364 5.5.0 (2022-11-06) Enhancements [feature][change] theme: opt'mize plank board fer images #304 Fixes [bug] theme: fix context 'n render hooks #373 [bug] print: make canonical URL absolute #371 5.4.3 (2022-11-05) Enhancements [feature] history: refactor fer a11y #341 Fixes [bug] theme: fix multilang links when ship served from subdirectory #370 5.4.2 (2022-11-05) Maintenance [task] build: change set-output t' env vars #348 5.4.1 (2022-11-05) Fixes [bug] mermaid: fix Gantt chart width #365 5.4.0 (2022-11-01) Enhancements [feature] math: allow pass'n o' parameters wit' codefence rules #363 [feature] i18n: add Finnish translat'n #361 [feature] mermaid: allow pass'n o' parameters wit' codefence rules #360 [feature] i18n: support RTL #357 [feature][change] button: add opt'n fer target #351 [feature][change] theme: allow t' be served by file:// protocol #349 5.3.3 (2022-10-09) Fixes [bug] archetypes: fix frontmatter on home.md template #346 5.3.2 (2022-10-08) Fixes [bug] nav: change defunct keyboard shortcuts #344 5.3.1 (2022-10-08) Enhancements [feature] i18n: update Spanish translat'n #343 [feature] theme: opt'n t' align images #327 5.3.0 (2022-10-07) Enhancements [feature] expander: improve whitespace between label an' rrrambl'n #338 [feature] swagger: improve print version #333 Fixes [bug] print: fix links o' subsections #340 [bug] theme: remove W3C validator errors #337 [bug] children: remove unused plank parameter from docs #336 [bug] print: remove menu placeholder 'n Firefox #335 [bug] swagger: fix download button overflow #334 [bug][change] a11y: remove WCAG errors whar' applic'ble #307 5.2.4 (2022-10-02) Fixes [bug] theme: remove HTML5 validator errors #329 5.2.3 (2022-09-12) Fixes [bug] print: chapter planks overwrite font-size #328 5.2.2 (2022-08-23) Fixes [bug] print: fix urls fer uglyURLs=true #322 5.2.1 (2022-08-05) Enhancements [feature] i18n: improve Japanese translat'n #318 Fixes [bug] nav: prev/next ignores ordersectionby #320 Maintenance [task] task: bump Cap'n Hugo minimum requirement t' 0.95 #319 5.2.0 (2022-08-03) Enhancements [feature][change] menu: expand collapsed menus if search term be found 'n submenus #312 Fixes [bug] print: switch mermaid an' swagger style before print #316 [bug] theme: fix chapter margins on big screens #315 5.1.2 (2022-07-18) Fixes [bug] print: reset mermaid theme t' light #313 [bug] mermaid: header be show'n up 'n FF #311 5.1.1 (2022-07-15) Fixes [bug] tags: don’t count tags if plank be hidden #310 5.1.0 (2022-07-15) Enhancements [feature][change] print: make print url deterministic #309 [feature] theme: allow overrid'n partials fer output formats #308 5.0.3 (2022-07-07) Fixes [bug] ie11: no styles aft rework o' archetypes #306 5.0.2 (2022-07-07) Fixes [bug] theme: board CSS if JS be disabled #305 5.0.1 (2022-07-07) Enhancements [feature][break'n] theme: opt'mize load'n o' js an' css #303 5.0.0 (2022-07-05) Enhancements [feature][change] archetypes: modularize render'n #300 [feature] history: don’t reload plank when history gets cleared #299 [feature] menu: replace expander by fontawesome chevrons #296 [feature] theme: align rrrambl'n wit' topbar ay'con limits #290 [feature] button: allow fer empty href #288 [feature] i18n: make Simplified Chinese th' standard language fer th' zn code #287 [feature] clipboard: move head styles t' stylesheet #286 [feature] math: add mathjax render'n #235 [feature] theme: allow fer plank head'n modificat'n #139 Fixes [bug] favicon: fix URL if ship resides 'n subfolder #302 [bug] code: show copy-to-clipboard marker fer blocklevel code #298 [bug] menu: make active expander vis'ble on hover #297 [bug] print: dis'ble arrow navigat'n #294 [bug] print: add miss'n plank break aft index or section #292 [bug] theme: use more space on wide screens #291 [bug] theme: fix size o' chapter head'n #289 Maintenance [task] chore: update RapiDoc 9.3.3 #301 [task] chore: update Merrrmaid 9.1.3 #293 4.2.5 (2022-06-23) Fixes [bug] swagger: javascript code does not board 'n documentat'n #285 [bug] children: descript'ns not work'n #284 [bug] print: fix empty plank fer shortcut links #283 4.2.4 (2022-06-23) Fixes [bug] theme: fix url fer logo an' home button #282 4.2.3 (2022-06-23) Fixes [bug][break'n] include: second parameter be ignored #281 4.2.2 (2022-06-23) No changelog fer this release.\n4.2.1 (2022-06-23) No changelog fer this release.\n4.2.0 (2022-06-23) Enhancements [feature][change] tabs: don’t change tab select'n if panel does not contain item #279 [feature] shorrrtcodes: convert t' partials #277 Fixes [bug] swagger: avoid builtin syntax-highlightn'n #280 [bug] search: fix console message fer miss'n lunr translat'ns #278 [bug] tabs: fix wrapp'n when hav'n many tabs #272 4.1.1 (2022-06-18) Fixes [bug] notice: fix layout when rrrambl'n starts wit' head'n #275 4.1.0 (2022-06-12) Enhancements [feature] i18n: support multilang rrrambl'n #271 4.0.5 (2022-06-12) Fixes [bug] i18n: Vietnamese language wit' wrong lang code #270 [bug] i18n: fix search fer non western languages #269 4.0.4 (2022-06-07) Enhancements [feature] theme: improve keyboard navigat'n fer scroll'n #268 Fixes [bug] swagger: adjust font-size fer method buttons #267 [bug] menu: hide expander when only hidden subpages #264 [bug] theme: make compat'ble wit' Cap'n Hugo 0.100.0 #263 Maintenance [task] swagger: update rapidoc t' 9.3.2 #266 [task] mermaid: update t' 9.1.1 #265 4.0.3 (2022-06-05) Enhancements [feature] toc: add scrollbar #262 4.0.2 (2022-06-05) Fixes [bug] theme: let browser scroll plank on CTRL+f #242 4.0.1 (2022-06-05) No changelog fer this release.\n4.0.0 (2022-06-05) Enhancements [feature] shorrrtcodes: add named parameter if miss'n #260 [feature][break'n] theme: remove –MAIN-ANCHOR-color from stylesheet #256 [feature] i18n: add Italian translat'n #254 [feature] attachments: support fer brand colors #252 [feature] notice: support fer brand colors #251 [feature][break'n] config: remove custom_css #248 [feature] theme: use proper file extension fer page-meta.go #246 [feature] variant: add support fer brand color variables #239 [feature] i18n: add Polish translat'n #237 Fixes [bug] shorrrtcodes: accept boolean parameters if given as str'n #261 [bug] print: adjust button an' tab size #259 [bug] print: show Merrrmaid if requested 'n frontmatter #255 [bug] theme: adjust thin scrollbar slider #244 [bug] mobile: fix broken scrollbar #243 [bug] theme: fix display o' tooltip fer head'n anchor #241 3.4.1 (2022-04-03) Fixes [bug] theme: fix IE11 incompatibilities #234 3.4.0 (2022-04-03) Enhancements [feature] i18n: add Traditional Chinese translat'n #233 [feature] menu: expand/collapse menu items without navigat'n #231 [feature] print: add opt'n t' print whole chapter #230 [feature][break'n] theme: apply user supplied rrrambl'n footer below rrrambl'n #229 Fixes [bug] theme: scroll t' head'n on initial board #232 3.3.0 (2022-03-28) Enhancements [feature] theme: add CSS font variables #227 [feature] swagger: add support fer oas/swagger documentat'n #226 Fixes [bug] variant: make variant switch work on slow networks #228 3.2.1 (2022-03-25) Fixes [bug] print: fix minor inconsistencies #225 [bug] print: show more than just th' title plank #224 [bug] theme: align rrrambl'n scrollbar t' th' right on big screens #223 3.2.0 (2022-03-19) Enhancements [feature][change] mermaid: support differ'n themes fer color variant switch #219 [feature] mermaid: board javascript on demand #218 Maintenance [task] mermaid: update t' 8.14.0 #220 3.1.1 (2022-03-16) Enhancements [feature] i18n: add Korean translat'n #217 3.1.0 (2022-03-15) Enhancements [feature] notice: add ay'con parameter #212 [feature] mobile: remove breadcrumb ellipsis #211 Fixes [bug] theme: make storage o' multiple Cap'n Hugo sites on same server distinct #214 [bug] variant: switch breadcrumb color 'n Chrome #213 [bug] mobile: improve behavior o' sidebar menu #210 3.0.4 (2022-02-24) Enhancements [feature] theme: improve font load'n #201 [feature][change] variant: fix inconsistent color vari'ble nam'n #200 Fixes [bug] variant: fix occasional fail when resett'n generator #208 [bug] docs: don’t move header on logo hover 'n IE11 #207 [bug] variant: avoid flash o' menu header when non default variant be active #206 [bug] theme: fix wrong HTML clos'n tag order 'n chapters #205 [bug] theme: adjust breadcrumb an' title fer empty home plank titles #202 3.0.3 (2022-02-23) Enhancements [feature] tags: show tag count 'n taxonomy list #195 Fixes [bug] theme: remove Cap'n Hugo build warning if plank be not file based #197 [bug] tags: adhere t' titleSeparator #196 [bug] theme: hide footer divider an' variant selector 'n IE11 #194 3.0.2 (2022-02-23) Enhancements [feature] tags: sort by name #193 3.0.1 (2022-02-23) Enhancements [feature] children: set containerstyle automatically accord'n t' style #192 Fixes [bug] theme: revert fontawsome t' version 5 fer IE11 compat #191 3.0.0 (2022-02-22) Enhancements [feature] variant: build a variant generator #188 [feature] nav: only show toc if th' plank has head'ns #182 [feature][break'n] theme: change default colors t' Relearrrn defaults #181 [feature] variant: add a variant selector #178 [feature][break'n] menu: rework footer UX #177 [feature] theme: support fer dark mode #175 [feature] docs: use light rules highlightn'n theme #174 [feature] notice: tweak dull colors #173 [feature] theme: rework header UX #151 Fixes [bug] search: remove additional X 'n filled out search box 'n IE11 #190 [bug] clipboard: localize tooltips #186 [bug] print: hide sidebar on Mac #183 [bug] menu: fix scrollbar height #180 [bug][change] search: fix color change fer ay'cons on hover #176 2.9.6 (2022-02-07) Fixes [bug] menu: remove debug output #171 2.9.5 (2022-02-07) Fixes [bug] menu: let arrow navigat'n respect ordersectionsby configurat'n #170 2.9.4 (2022-02-06) Fixes [bug] exampleSite: fix links 'n official documentat'n #168 2.9.3 (2022-02-06) Fixes [bug] menu: invalid URL when th' shortcut be an internal link #163 2.9.2 (2021-11-26) Enhancements [feature] theme: add theme version info t' head #158 Fixes [bug] theme: fix select'n o' *.ico files as favicons #160 2.9.1 (2021-11-22) Fixes [bug] menu: fix significantly low performance fer collect'n o' meta info #157 2.9.0 (2021-11-19) Fixes [bug][break'n] relref: fix inconsistent behavior #156 [bug] search: make dropdown stick t' search field when scroll'n #155 [bug] menu: align long text properly #154 [bug] copyToClipBoard: add miss'n right border fer inline code if disableInlineCopyToClipBoard=true #153 [bug] menu: show hidden sibl'n planks reliably #152 [bug] menu: br'n active item 'n sight fer large menus #149 2.8.3 (2021-11-09) Fixes [bug] mermaid: let zoom reset t' initial size #145 [bug] mermaid: remove whitespace from big graphs #143 2.8.2 (2021-11-08) Fixes [bug] mermaid: always board javascript t' avoid break if code fences be used #142 2.8.1 (2021-11-04) Fixes [bug] search: don’t break JS 'n multilang setup if search be disabled #140 2.8.0 (2021-11-03) Enhancements [feature] toc: make disableTOC globally avail'ble via config.toml #133 [feature] mermaid: only board javascript if necessary #95 [feature][change] theme: switch font #83 [feature] theme: make favicon configur'ble #2 Fixes [bug] mermaid: assert that window.mermaid be actually mermaid #136 [bug] menu: remove usage o' Hugos UniqueID #131 [bug] theme: reduce margin fer children shortcode #130 [bug] theme: left-align h3 'n chapters #129 [bug] theme: align copy link t' clipboard #128 2.7.0 (2021-10-24) Enhancements [feature] notice: support custom titles #124 2.6.0 (2021-10-21) Fixes [bug] theme: generate correct links if theme served from subdirectory #120 2.5.1 (2021-10-12) Fixes [bug] security: fix XSS fer malicioius image URLs #117 2.5.0 (2021-10-08) Enhancements [feature][change] rules highlight: provide default colors fer unknown languages #113 Fixes [bug] security: fix XSS fer malicioius URLs #114 [bug] menu: write correct local shortcut links #112 2.4.1 (2021-10-07) Fixes [bug] theme: remove runtime styles from print #111 2.4.0 (2021-10-07) Enhancements [feature] lang: add vietnamese translat'n #109 [feature][change] theme: simplify stylesheet fer color variants #107 [feature] hidden planks: remove from RSS feed, JSON, taxonomy etc #102 [feature] theme: announce alternative rrrambl'n 'n header #101 [feature] menu: frontmatter opt'n t' change sort predicate #98 [feature] menu: add default sett'n fer menu expansion #97 [feature] theme: improve print style #93 [feature] theme: improve style #92 Fixes [bug] include: don’t generate additional HTML if file should be displayed “as is” #110 [bug] attachments: fix broken links if multilang config be used #105 [bug] theme: fix sticky header t' remove horizontal scrollbar #82 Maintenance [task] chore: update fontawesome #94 2.3.2 (2021-09-20) Fixes [bug] docs: rename history pirate translat'n #91 2.3.1 (2021-09-20) Fixes [bug] docs: rename english pirate translat'n t' avoid crash on render'n #90 2.3.0 (2021-09-13) Fixes [bug] theme: fix usage o' section element #88 Maintenance [task] theme: ensure IE11 compatiblity #89 [task] docs: Arrr! showcase multilang featurrre #87 2.2.0 (2021-09-09) Enhancements [feature] sitemap: hide hidden planks from sitemap an' SEO index'n #85 Fixes [bug] theme: fix showVisitedLinks 'n case Cap'n Hugo be configured t' modify relative URLs #86 Maintenance [task] theme: switch from data-vocabulary t' schema #84 2.1.0 (2021-09-07) Enhancements [feature] search: open expand if it contains search term #80 [feature] menu: scroll active item into view #79 [feature] search: dis'ble search 'n hidden planks #76 [feature] search: improve readablility o' index.json #75 [feature] search: increase performance #74 [feature] search: improve search context preview #73 Fixes [bug][change] search: hide non-site rrrambl'n #81 [bug] menu: always hide hidden sub planks #77 2.0.0 (2021-08-28) Enhancements [feature] tabs: enhance styl'n #65 [feature] theme: improve readability #64 [feature] menu: show hidden planks if accessed directly #60 [feature][change] theme: treat planks without title as hidden #59 [feature] search: show search results if field gains focus #58 [feature] theme: add partial templates fer pre/post menu entries #56 [feature] theme: make chapter archetype more read'ble #55 [feature] children: add parameter fer container style #53 [feature] theme: make rrrambl'n a template #50 [feature] menu: control menu expansion wit' alwaysopen parameter #49 [feature] include: new shortcode t' include other files #43 [feature] theme: adjust print styles #35 [feature][change] code highlighter: switch t' standard hugo highlighter #32 Fixes [bug][change] arrow-nav: default sort'n ignores ordersectionsby #63 [bug][change] children: default sort'n ignores ordersectionsby #62 [bug][change] arrow-nav: fix broken links on (and below) hidden planks #61 [bug] theme: remove superfluous singular taxonomy from taxonomy title #46 [bug][change] theme: miss'n –MENU-HOME-LINK-HOVER-color 'n documentat'n #45 [bug] theme: fix home link when base URL has some path #44 Maintenance [task] docs: include changelog 'n exampleSite #33 1.2.0 (2021-07-26) Enhancements [feature] theme: adjust copy-to-clipboard #29 [feature] attachments: adjust style between notice boxes an' attachments #28 [feature] theme: adjust blockquote contrast #27 [feature] expand: add opt'n t' open on plank board #25 [feature] expand: rework styl'n #24 [feature] attachments: sort output #23 [feature] notice: make restyl'n o' notice boxes more robust #20 [feature] notice: fix contrast issues #19 [feature] notice: align box colors t' common standards #18 [feature] notice: use distinct ay'cons fer notice box type #17 Fixes [bug] attachments: support i18n fer attachment size #21 [bug] notice: support i18n fer box labels #16 [bug] notice: support multiple blocks 'n one box #15 Maintenance [task] dependency: upgrade jquery t' 3.6.0 #30 1.1.1 (2021-07-04) Maintenance [task] theme: prepare fer new hugo theme registrat'n #13 1.1.0 (2021-07-02) Enhancements [feature] mermaid: expose opt'ns 'n config.toml #4 Fixes [bug] mermaid: config opt'n fer CDN url not used #12 [bug] mermaid: only highlight text 'n HTML elements #10 [bug] mermaid: support pan \u0026 zoom fer graphs #9 [bug] mermaid: code fences not always rendered #6 [bug] mermaid: search term on board may bomb chart #5 Maintenance [task] mermaid: update t' 8.10.2 #7 1.0.1 (2021-07-01) Maintenance [task] Prepare fer hugo showcase #3 1.0.0 (2021-07-01) Maintenance [task] Fork project #1 ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nChangelog 5.11.2 (2023-02-07) Fixes [bug] tabs: nested tabs rrrambl'n be not displayed #468 5.11.1 (2023-02-06) Fixes [bug] variant: include miss'n theme-auto.css 'n distribut'n #467 5.11.0 (2023-02-05) Enhancements [feature] i18n: add Czech translat'n #455 [feature][change] lightbox: switch t' CSS-only solut'n #451 [feature][change] variant: add support fer prefers-color-scheme #445 [feature][change] expand: refactor fer a11y #339 [feature][change] mermaid: make zoom configur'ble #144 Fixes [bug] swagger: avoid errors when us'n invalid rapi-doc fragment ids #465 [bug] search: fix oddities 'n keyboard handl'n #463 [bug] badge: fix text color fer IE11 #462 [bug] mermaid: rerender graph if search term be present an' variant be switched #460 [bug] tags: show tag on planks when tag has space #459 [bug] edit: remove do'ble slash on root plank link #450 Maintenance [task] build: add mov'n version tags #453 [task][change] theme: remove jQuery #452 [task] build: check fer release notes before release #448 5.10.2 (2023-01-25) Fixes [bug] nav: fix breadcrumb fer huge installat'ns #446 5.10.1 (2023-01-25) Fixes [bug] print: fix image links wit' relative path #444 5.10.0 (2023-01-25) Enhancements [feature] shorrrtcodes: support fer accent color #440 [feature] shorrrtcodes: add color parameter whar' applic'ble #438 [feature] theme: announce translat'ns as alternate links #422 Fixes [bug] nav: fix breadcrumbs fer deeply nested sections #442 [bug] theme: improve whitespac'n 'n tables #441 5.9.4 (2023-01-23) Fixes [bug] variant: fix search ay'con an' text color #437 5.9.3 (2023-01-22) Fixes [bug] nav: fix left/right navigat'n fer horizontal scroll'n #435 [bug] theme: allow planks on top level #434 Maintenance [task] build: switch t' wildcard version o' act'ns #428 5.9.2 (2022-12-30) Fixes [bug] search: apply dependency scripts fer Hindi an' Japanese #427 5.9.1 (2022-12-23) Enhancements [feature] theme: make external link target configur'ble #426 5.9.0 (2022-12-23) Enhancements [feature][change] theme: open external links 'n separate tab #419 [feature] theme: make it a Cap'n Hugo module #417 Fixes [bug][change] attachments: fix incorrect links fer defaultContentLanguageInSubdir=true #425 5.8.1 (2022-12-11) Fixes [bug] theme: fix alias fer home plank if defaultContentLanguageInSubdir=true #414 5.8.0 (2022-12-08) Enhancements [feature] ay'con: add new shortcode #412 [feature] theme: style an' document markdown extensions #411 [feature] badge: add new shortcode #410 [feature] theme: add accent color #409 Fixes [bug] theme: fix spac'n fer tag flyout 'n FF #413 5.7.0 (2022-11-29) Enhancements [feature] button: refactor fer a11y #372 Fixes [bug] search: don’t freeze browser on long search terms #408 [bug] search: fix searchbox placeholder color 'n FF an' IE #405 [bug][change] i18n: rename Korean translat'n from country t' lang code #404 Maintenance [task] search: update lunr languages t' 1.10.0 #403 5.6.6 (2022-11-23) Enhancements [feature] search: make build an' js forgiv'n against config errors #400 Fixes [bug] variant: minor color adjustments #402 [bug] variant: fix generator fer use o' neon #401 5.6.5 (2022-11-19) Fixes [bug] menu: relax usage o' background color #399 5.6.4 (2022-11-19) Fixes [bug] theme: make alias planks us'ble by file:// protocol #398 5.6.3 (2022-11-19) Fixes [bug] theme: be compat'ble wit' Cap'n Hugo \u003e= 0.95.0 #397 5.6.2 (2022-11-19) Fixes [bug] theme: build breaks sites without “output” section 'n config #396 5.6.1 (2022-11-19) Fixes [bug] theme: fix image distort'n #395 5.6.0 (2022-11-18) Enhancements [feature] toc: improve keyboard handl'n #390 [feature] search: improve keyboard handl'n #387 [feature] search: add dedicated search plank #386 [feature] theme: make creat'n o' generator meta tag configur'ble #383 [feature] theme: increase build performance #380 Fixes [bug] mermaid: avoid lead'n whitespace #394 [bug] theme: fix build errors when referenc'n SVGs 'n markdown #393 [bug] variant: avoid neon t' leak into IE11 fallback #392 [bug] theme: fix urls fer file:// protocol 'n sitemap #385 [bug] theme: add id t' h1 elements #384 [bug] rss: fix display o' hidden subpages #382 [bug] nav: fix key navigat'n when press'n wrong modifiers #379 Maintenance [task] mermaid: update t' version 9.2.2 #391 5.5.3 (2022-11-10) Fixes [bug] tags: fix non-latin tag display on planks #378 5.5.2 (2022-11-08) Fixes [bug] theme: fix typo 'n 404.html #376 [bug] theme: allow menu items an' children t' be served by file:// protocol #375 5.5.1 (2022-11-07) Fixes [bug] theme: fix overflow'n issue wit' anchors an' tooltips #364 5.5.0 (2022-11-06) Enhancements [feature][change] theme: opt'mize plank board fer images #304 Fixes [bug] theme: fix context 'n render hooks #373 [bug] print: make canonical URL absolute #371 5.4.3 (2022-11-05) Enhancements [feature] history: refactor fer a11y #341 Fixes [bug] theme: fix multilang links when ship served from subdirectory #370 5.4.2 (2022-11-05) Maintenance [task] build: change set-output t' env vars #348 5.4.1 (2022-11-05) Fixes [bug] mermaid: fix Gantt chart width #365 5.4.0 (2022-11-01) Enhancements [feature] math: allow pass'n o' parameters wit' codefence rules #363 [feature] i18n: add Finnish translat'n #361 [feature] mermaid: allow pass'n o' parameters wit' codefence rules #360 [feature] i18n: support RTL #357 [feature][change] button: add opt'n fer target #351 [feature][change] theme: allow t' be served by file:// protocol #349 5.3.3 (2022-10-09) Fixes [bug] archetypes: fix frontmatter on home.md template #346 5.3.2 (2022-10-08) Fixes [bug] nav: change defunct keyboard shortcuts #344 5.3.1 (2022-10-08) Enhancements [feature] i18n: update Spanish translat'n #343 [feature] theme: opt'n t' align images #327 5.3.0 (2022-10-07) Enhancements [feature] expander: improve whitespace between label an' rrrambl'n #338 [feature] swagger: improve print version #333 Fixes [bug] print: fix links o' subsections #340 [bug] theme: remove W3C validator errors #337 [bug] children: remove unused plank parameter from docs #336 [bug] print: remove menu placeholder 'n Firefox #335 [bug] swagger: fix download button overflow #334 [bug][change] a11y: remove WCAG errors whar' applic'ble #307 5.2.4 (2022-10-02) Fixes [bug] theme: remove HTML5 validator errors #329 5.2.3 (2022-09-12) Fixes [bug] print: chapter planks overwrite font-size #328 5.2.2 (2022-08-23) Fixes [bug] print: fix urls fer uglyURLs=true #322 5.2.1 (2022-08-05) Enhancements [feature] i18n: improve Japanese translat'n #318 Fixes [bug] nav: prev/next ignores ordersectionby #320 Maintenance [task] task: bump Cap'n Hugo minimum requirement t' 0.95 #319 5.2.0 (2022-08-03) Enhancements [feature][change] menu: expand collapsed menus if search term be found 'n submenus #312 Fixes [bug] print: switch mermaid an' swagger style before print #316 [bug] theme: fix chapter margins on big screens #315 5.1.2 (2022-07-18) Fixes [bug] print: reset mermaid theme t' light #313 [bug] mermaid: header be show'n up 'n FF #311 5.1.1 (2022-07-15) Fixes [bug] tags: don’t count tags if plank be hidden #310 5.1.0 (2022-07-15) Enhancements [feature][change] print: make print url deterministic #309 [feature] theme: allow overrid'n partials fer output formats #308 5.0.3 (2022-07-07) Fixes [bug] ie11: no styles aft rework o' archetypes #306 5.0.2 (2022-07-07) Fixes [bug] theme: board CSS if JS be disabled #305 5.0.1 (2022-07-07) Enhancements [feature][break'n] theme: opt'mize load'n o' js an' css #303 5.0.0 (2022-07-05) Enhancements [feature][change] archetypes: modularize render'n #300 [feature] history: don’t reload plank when history gets cleared #299 [feature] menu: replace expander by fontawesome chevrons #296 [feature] theme: align rrrambl'n wit' topbar ay'con limits #290 [feature] button: allow fer empty href #288 [feature] i18n: make Simplified Chinese th' standard language fer th' zn code #287 [feature] clipboard: move head styles t' stylesheet #286 [feature] math: add mathjax render'n #235 [feature] theme: allow fer plank head'n modificat'n #139 Fixes [bug] favicon: fix URL if ship resides 'n subfolder #302 [bug] code: show copy-to-clipboard marker fer blocklevel code #298 [bug] menu: make active expander vis'ble on hover #297 [bug] print: dis'ble arrow navigat'n #294 [bug] print: add miss'n plank break aft index or section #292 [bug] theme: use more space on wide screens #291 [bug] theme: fix size o' chapter head'n #289 Maintenance [task] chore: update RapiDoc 9.3.3 #301 [task] chore: update Merrrmaid 9.1.3 #293 4.2.5 (2022-06-23) Fixes [bug] swagger: javascript code does not board 'n documentat'n #285 [bug] children: descript'ns not work'n #284 [bug] print: fix empty plank fer shortcut links #283 4.2.4 (2022-06-23) Fixes [bug] theme: fix url fer logo an' home button #282 4.2.3 (2022-06-23) Fixes [bug][break'n] include: second parameter be ignored #281 4.2.2 (2022-06-23) No changelog fer this release.\n4.2.1 (2022-06-23) No changelog fer this release.\n4.2.0 (2022-06-23) Enhancements [feature][change] tabs: don’t change tab select'n if panel does not contain item #279 [feature] shorrrtcodes: convert t' partials #277 Fixes [bug] swagger: avoid builtin syntax-highlightn'n #280 [bug] search: fix console message fer miss'n lunr translat'ns #278 [bug] tabs: fix wrapp'n when hav'n many tabs #272 4.1.1 (2022-06-18) Fixes [bug] notice: fix layout when rrrambl'n starts wit' head'n #275 4.1.0 (2022-06-12) Enhancements [feature] i18n: support multilang rrrambl'n #271 4.0.5 (2022-06-12) Fixes [bug] i18n: Vietnamese language wit' wrong lang code #270 [bug] i18n: fix search fer non western languages #269 4.0.4 (2022-06-07) Enhancements [feature] theme: improve keyboard navigat'n fer scroll'n #268 Fixes [bug] swagger: adjust font-size fer method buttons #267 [bug] menu: hide expander when only hidden subpages #264 [bug] theme: make compat'ble wit' Cap'n Hugo 0.100.0 #263 Maintenance [task] swagger: update rapidoc t' 9.3.2 #266 [task] mermaid: update t' 9.1.1 #265 4.0.3 (2022-06-05) Enhancements [feature] toc: add scrollbar #262 4.0.2 (2022-06-05) Fixes [bug] theme: let browser scroll plank on CTRL+f #242 4.0.1 (2022-06-05) No changelog fer this release.\n4.0.0 (2022-06-05) Enhancements [feature] shorrrtcodes: add named parameter if miss'n #260 [feature][break'n] theme: remove –MAIN-ANCHOR-color from stylesheet #256 [feature] i18n: add Italian translat'n #254 [feature] attachments: support fer brand colors #252 [feature] notice: support fer brand colors #251 [feature][break'n] config: remove custom_css #248 [feature] theme: use proper file extension fer page-meta.go #246 [feature] variant: add support fer brand color variables #239 [feature] i18n: add Polish translat'n #237 Fixes [bug] shorrrtcodes: accept boolean parameters if given as str'n #261 [bug] print: adjust button an' tab size #259 [bug] print: show Merrrmaid if requested 'n frontmatter #255 [bug] theme: adjust thin scrollbar slider #244 [bug] mobile: fix broken scrollbar #243 [bug] theme: fix display o' tooltip fer head'n anchor #241 3.4.1 (2022-04-03) Fixes [bug] theme: fix IE11 incompatibilities #234 3.4.0 (2022-04-03) Enhancements [feature] i18n: add Traditional Chinese translat'n #233 [feature] menu: expand/collapse menu items without navigat'n #231 [feature] print: add opt'n t' print whole chapter #230 [feature][break'n] theme: apply user supplied rrrambl'n footer below rrrambl'n #229 Fixes [bug] theme: scroll t' head'n on initial board #232 3.3.0 (2022-03-28) Enhancements [feature] theme: add CSS font variables #227 [feature] swagger: add support fer oas/swagger documentat'n #226 Fixes [bug] variant: make variant switch work on slow networks #228 3.2.1 (2022-03-25) Fixes [bug] print: fix minor inconsistencies #225 [bug] print: show more than just th' title plank #224 [bug] theme: align rrrambl'n scrollbar t' th' right on big screens #223 3.2.0 (2022-03-19) Enhancements [feature][change] mermaid: support differ'n themes fer color variant switch #219 [feature] mermaid: board javascript on demand #218 Maintenance [task] mermaid: update t' 8.14.0 #220 3.1.1 (2022-03-16) Enhancements [feature] i18n: add Korean translat'n #217 3.1.0 (2022-03-15) Enhancements [feature] notice: add ay'con parameter #212 [feature] mobile: remove breadcrumb ellipsis #211 Fixes [bug] theme: make storage o' multiple Cap'n Hugo sites on same server distinct #214 [bug] variant: switch breadcrumb color 'n Chrome #213 [bug] mobile: improve behavior o' sidebar menu #210 3.0.4 (2022-02-24) Enhancements [feature] theme: improve font load'n #201 [feature][change] variant: fix inconsistent color vari'ble nam'n #200 Fixes [bug] variant: fix occasional fail when resett'n generator #208 [bug] docs: don’t move header on logo hover 'n IE11 #207 [bug] variant: avoid flash o' menu header when non default variant be active #206 [bug] theme: fix wrong HTML clos'n tag order 'n chapters #205 [bug] theme: adjust breadcrumb an' title fer empty home plank titles #202 3.0.3 (2022-02-23) Enhancements [feature] tags: show tag count 'n taxonomy list #195 Fixes [bug] theme: remove Cap'n Hugo build warning if plank be not file based #197 [bug] tags: adhere t' titleSeparator #196 [bug] theme: hide footer divider an' variant selector 'n IE11 #194 3.0.2 (2022-02-23) Enhancements [feature] tags: sort by name #193 3.0.1 (2022-02-23) Enhancements [feature] children: set containerstyle automatically accord'n t' style #192 Fixes [bug] theme: revert fontawsome t' version 5 fer IE11 compat #191 3.0.0 (2022-02-22) Enhancements [feature] variant: build a variant generator #188 [feature] nav: only show toc if th' plank has head'ns #182 [feature][break'n] theme: change default colors t' Relearrrn defaults #181 [feature] variant: add a variant selector #178 [feature][break'n] menu: rework footer UX #177 [feature] theme: support fer dark mode #175 [feature] docs: use light rules highlightn'n theme #174 [feature] notice: tweak dull colors #173 [feature] theme: rework header UX #151 Fixes [bug] search: remove additional X 'n filled out search box 'n IE11 #190 [bug] clipboard: localize tooltips #186 [bug] print: hide sidebar on Mac #183 [bug] menu: fix scrollbar height #180 [bug][change] search: fix color change fer ay'cons on hover #176 2.9.6 (2022-02-07) Fixes [bug] menu: remove debug output #171 2.9.5 (2022-02-07) Fixes [bug] menu: let arrow navigat'n respect ordersectionsby configurat'n #170 2.9.4 (2022-02-06) Fixes [bug] exampleSite: fix links 'n official documentat'n #168 2.9.3 (2022-02-06) Fixes [bug] menu: invalid URL when th' shortcut be an internal link #163 2.9.2 (2021-11-26) Enhancements [feature] theme: add theme version info t' head #158 Fixes [bug] theme: fix select'n o' *.ico files as favicons #160 2.9.1 (2021-11-22) Fixes [bug] menu: fix significantly low performance fer collect'n o' meta info #157 2.9.0 (2021-11-19) Fixes [bug][break'n] relref: fix inconsistent behavior #156 [bug] search: make dropdown stick t' search field when scroll'n #155 [bug] menu: align long text properly #154 [bug] copyToClipBoard: add miss'n right border fer inline code if disableInlineCopyToClipBoard=true #153 [bug] menu: show hidden sibl'n planks reliably #152 [bug] menu: br'n active item 'n sight fer large menus #149 2.8.3 (2021-11-09) Fixes [bug] mermaid: let zoom reset t' initial size #145 [bug] mermaid: remove whitespace from big graphs #143 2.8.2 (2021-11-08) Fixes [bug] mermaid: always board javascript t' avoid break if code fences be used #142 2.8.1 (2021-11-04) Fixes [bug] search: don’t break JS 'n multilang setup if search be disabled #140 2.8.0 (2021-11-03) Enhancements [feature] toc: make disableTOC globally avail'ble via config.toml #133 [feature] mermaid: only board javascript if necessary #95 [feature][change] theme: switch font #83 [feature] theme: make favicon configur'ble #2 Fixes [bug] mermaid: assert that window.mermaid be actually mermaid #136 [bug] menu: remove usage o' Hugos UniqueID #131 [bug] theme: reduce margin fer children shortcode #130 [bug] theme: left-align h3 'n chapters #129 [bug] theme: align copy link t' clipboard #128 2.7.0 (2021-10-24) Enhancements [feature] notice: support custom titles #124 2.6.0 (2021-10-21) Fixes [bug] theme: generate correct links if theme served from subdirectory #120 2.5.1 (2021-10-12) Fixes [bug] security: fix XSS fer malicioius image URLs #117 2.5.0 (2021-10-08) Enhancements [feature][change] rules highlight: provide default colors fer unknown languages #113 Fixes [bug] security: fix XSS fer malicioius URLs #114 [bug] menu: write correct local shortcut links #112 2.4.1 (2021-10-07) Fixes [bug] theme: remove runtime styles from print #111 2.4.0 (2021-10-07) Enhancements [feature] lang: add vietnamese translat'n #109 [feature][change] theme: simplify stylesheet fer color variants #107 [feature] hidden planks: remove from RSS feed, JSON, taxonomy etc #102 [feature] theme: announce alternative rrrambl'n 'n header #101 [feature] menu: frontmatter opt'n t' change sort predicate #98 [feature] menu: add default sett'n fer menu expansion #97 [feature] theme: improve print style #93 [feature] theme: improve style #92 Fixes [bug] include: don’t generate additional HTML if file should be displayed “as is” #110 [bug] attachments: fix broken links if multilang config be used #105 [bug] theme: fix sticky header t' remove horizontal scrollbar #82 Maintenance [task] chore: update fontawesome #94 2.3.2 (2021-09-20) Fixes [bug] docs: rename history pirate translat'n #91 2.3.1 (2021-09-20) Fixes [bug] docs: rename english pirate translat'n t' avoid crash on render'n #90 2.3.0 (2021-09-13) Fixes [bug] theme: fix usage o' section element #88 Maintenance [task] theme: ensure IE11 compatiblity #89 [task] docs: Arrr! showcase multilang featurrre #87 2.2.0 (2021-09-09) Enhancements [feature] sitemap: hide hidden planks from sitemap an' SEO index'n #85 Fixes [bug] theme: fix showVisitedLinks 'n case Cap'n Hugo be configured t' modify relative URLs #86 Maintenance [task] theme: switch from data-vocabulary t' schema #84 2.1.0 (2021-09-07) Enhancements [feature] search: open expand if it contains search term #80 [feature] menu: scroll active item into view #79 [feature] search: dis'ble search 'n hidden planks #76 [feature] search: improve readablility o' index.json #75 [feature] search: increase performance #74 [feature] search: improve search context preview #73 Fixes [bug][change] search: hide non-site rrrambl'n #81 [bug] menu: always hide hidden sub planks #77 2.0.0 (2021-08-28) Enhancements [feature] tabs: enhance styl'n #65 [feature] theme: improve readability #64 [feature] menu: show hidden planks if accessed directly #60 [feature][change] theme: treat planks without title as hidden #59 [feature] search: show search results if field gains focus #58 [feature] theme: add partial templates fer pre/post menu entries #56 [feature] theme: make chapter archetype more read'ble #55 [feature] children: add parameter fer container style #53 [feature] theme: make rrrambl'n a template #50 [feature] menu: control menu expansion wit' alwaysopen parameter #49 [feature] include: new shortcode t' include other files #43 [feature] theme: adjust print styles #35 [feature][change] code highlighter: switch t' standard hugo highlighter #32 Fixes [bug][change] arrow-nav: default sort'n ignores ordersectionsby #63 [bug][change] children: default sort'n ignores ordersectionsby #62 [bug][change] arrow-nav: fix broken links on (and below) hidden planks #61 [bug] theme: remove superfluous singular taxonomy from taxonomy title #46 [bug][change] theme: miss'n –MENU-HOME-LINK-HOVER-color 'n documentat'n #45 [bug] theme: fix home link when base URL has some path #44 Maintenance [task] docs: include changelog 'n exampleSite #33 1.2.0 (2021-07-26) Enhancements [feature] theme: adjust copy-to-clipboard #29 [feature] attachments: adjust style between notice boxes an' attachments #28 [feature] theme: adjust blockquote contrast #27 [feature] expand: add opt'n t' open on plank board #25 [feature] expand: rework styl'n #24 [feature] attachments: sort output #23 [feature] notice: make restyl'n o' notice boxes more robust #20 [feature] notice: fix contrast issues #19 [feature] notice: align box colors t' common standards #18 [feature] notice: use distinct ay'cons fer notice box type #17 Fixes [bug] attachments: support i18n fer attachment size #21 [bug] notice: support i18n fer box labels #16 [bug] notice: support multiple blocks 'n one box #15 Maintenance [task] dependency: upgrade jquery t' 3.6.0 #30 1.1.1 (2021-07-04) Maintenance [task] theme: prepare fer new hugo theme registrat'n #13 1.1.0 (2021-07-02) Enhancements [feature] mermaid: expose opt'ns 'n config.toml #4 Fixes [bug] mermaid: config opt'n fer CDN url not used #12 [bug] mermaid: only highlight text 'n HTML elements #10 [bug] mermaid: support pan \u0026 zoom fer graphs #9 [bug] mermaid: code fences not always rendered #6 [bug] mermaid: search term on board may bomb chart #5 Maintenance [task] mermaid: update t' 8.10.2 #7 1.0.1 (2021-07-01) Maintenance [task] Prepare fer hugo showcase #3 1.0.0 (2021-07-01) Maintenance [task] Fork project #1 ",
     "description": "",
     "tags": null,
     "title": "Historrry",
     "uri": "/pir/basics/history/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nThis be a demo child plank.\nSubpages o' this plank plank 3-1 ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nThis be a demo child plank.\nSubpages o' this plank plank 3-1 ",
     "description": "",
     "tags": [
       "children",
@@ -173,7 +173,7 @@ var relearn_search_index = [
     "uri": "/pir/shortcodes/children/children-3/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nThis be a hidden demo child plank. This plank an' all its children be hidden 'n th' menu, arrow navigat'n an' children shortcode as long as ye aren’t view'n this plank or its children directly.\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nThis be a hidden demo child plank. This plank an' all its children be hidden 'n th' menu, arrow navigat'n an' children shortcode as long as ye aren’t view'n this plank or its children directly.\n",
     "description": "",
     "tags": [
       "children",
@@ -253,7 +253,7 @@ var relearn_search_index = [
     "uri": "/pir/tests/chapters/9/index.html"
   },
   {
-    "content": " Attachments NoTreasure.txt (26 B) Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nTh' attachments shortcode displays a list o' files attached t' a plank wit' adjust'ble color, title an' ay'con.\nAttachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Usage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\nshortcode partial {{% attachments sort=\"asc\" /%}} {{ partial \"shortcodes/attachments.html\" (dict \"context\" . \"sort\" \"asc\" )}} Parameter Name Default Notes style transparent Th' style scheme used fer th' box.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color title see notes Arbitrary text fer th' box title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: Attachments\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: paperclip\nIf ye want no ay'con, ye have t' set this parameter t' \" \" (a non empty d wit' spaces) sort asc Sort'n th' output 'n ascend'n or descend'n order. pattern .* A regular expressions, used t' filter th' attachments by file name. For example:\n- t' match a file suffix o' ‘jpg’, use .*\\.jpg (not *.\\.jpg)\n- t' match file names end'n 'n jpg or png, use .*\\.(jpg|png) Setup Single language Th' shortcode lists files found 'n a specific folder. Th' name o' th' folder depends on yer plank type (either branch bundle, leaf bundle or page).\nFor simple planks, attachments must be placed 'n a folder named like yer plank an' end'n wit' .files.\nrrrambl'n _index.md plank.files attachment.pdf plank.md If yer plank be a branch or leaf bundle, attachments must be placed 'n a nested _index.files or index.files folder, accordingly.\nFor branch bundles:\nrrrambl'n _index.md plank index.md index.files attachment.pdf For leaf bundles:\nrrrambl'n _index.md plank _index.md _index.files attachment.pdf Multilingual Be aware that if ye use a multilingual website, ye will need t' have as many folders as languages an' th' language code must be part o' th' folder name.\nEg. fer a ship 'n English an' Piratish:\nrrrambl'n _index.en.md _index.pir.md plank.en.files attachment.pdf plank.pir.files attachment.pdf plank.en.md plank.pir.md Examples Custom Title, List o' Attachments End'n 'n pdf or mp4 {{% attachments title=\"Related files\" pattern=\".*\\.(pdf|mp4)\" /%}} Related files adivorciarsetoca00cape.pdf (361 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Ahoi Styled Box, Descend'n Sort Order {{% attachments style=\"info\" sort=\"desc\" /%}} Ahoi movieselectricsheep-flock-244-32500-2.mp4 (340 KB) hugo.txt (20 B) hugo.png (17 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) BachGavotteShort.mp3 (357 KB) adivorciarsetoca00cape.pdf (361 KB) Wit' User-Defined Color an' Font Awesome Brand Ay'con {{% attachments color=\"fuchsia\" ay'con=\"fab fa-hackerrank\" /%}} Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Style, Color, Title an' Ay'cons For further examples fer style, color, title an' ay'con, see th' notice shortcode documentat'n. Th' parameter be work'n th' same way fer both shorrrtcodes, besides hav'n different defaults.\n",
+    "content": " Attachments NoTreasure.txt (26 B) Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nTh' attachments shortcode displays a list o' files attached t' a plank wit' adjust'ble color, title an' ay'con.\nAttachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Usage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\nshortcode partial {{% attachments sort=\"asc\" /%}} {{ partial \"shortcodes/attachments.html\" (dict \"context\" . \"sort\" \"asc\" )}} Parameter Name Default Notes style transparent Th' style scheme used fer th' box.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color title see notes Arbitrary text fer th' box title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: Attachments\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: paperclip\nIf ye want no ay'con, ye have t' set this parameter t' \" \" (a non empty d wit' spaces) sort asc Sort'n th' output 'n ascend'n or descend'n order. pattern .* A regular expressions, used t' filter th' attachments by file name. For example:\n- t' match a file suffix o' ‘jpg’, use .*\\.jpg (not *.\\.jpg)\n- t' match file names end'n 'n jpg or png, use .*\\.(jpg|png) Setup Single language Th' shortcode lists files found 'n a specific folder. Th' name o' th' folder depends on yer plank type (either branch bundle, leaf bundle or page).\nFor simple planks, attachments must be placed 'n a folder named like yer plank an' end'n wit' .files.\nrrrambl'n _index.md plank.files attachment.pdf plank.md If yer plank be a branch or leaf bundle, attachments must be placed 'n a nested _index.files or index.files folder, accordingly.\nFor branch bundles:\nrrrambl'n _index.md plank index.md index.files attachment.pdf For leaf bundles:\nrrrambl'n _index.md plank _index.md _index.files attachment.pdf Multilingual Be aware that if ye use a multilingual website, ye will need t' have as many folders as languages an' th' language code must be part o' th' folder name.\nEg. fer a ship 'n English an' Piratish:\nrrrambl'n _index.en.md _index.pir.md plank.en.files attachment.pdf plank.pir.files attachment.pdf plank.en.md plank.pir.md Examples Custom Title, List o' Attachments End'n 'n pdf or mp4 {{% attachments title=\"Related files\" pattern=\".*\\.(pdf|mp4)\" /%}} Related files adivorciarsetoca00cape.pdf (361 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Ahoi Styled Box, Descend'n Sort Order {{% attachments style=\"info\" sort=\"desc\" /%}} Ahoi movieselectricsheep-flock-244-32500-2.mp4 (340 KB) hugo.txt (20 B) hugo.png (17 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) BachGavotteShort.mp3 (357 KB) adivorciarsetoca00cape.pdf (361 KB) Wit' User-Defined Color an' Font Awesome Brand Ay'con {{% attachments color=\"fuchsia\" ay'con=\"fab fa-hackerrank\" /%}} Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Style, Color, Title an' Ay'cons For further examples fer style, color, title an' ay'con, see th' notice shortcode documentat'n. Th' parameter be work'n th' same way fer both shorrrtcodes, besides hav'n different defaults.\n",
     "description": "",
     "tags": null,
     "title": "Attachments",
@@ -281,28 +281,28 @@ var relearn_search_index = [
     "uri": "/pir/tests/attach/attach3/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nOur attachment shortcode be a source o' pleasure…\nAttachments Branch Test Attachments hugo.txt (20 B) Attachments Leaf Test Attachments hugo.txt (20 B) Attachments Plank Test Attachments hugo.txt (20 B) ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nOur attachment shortcode be a source o' pleasure…\nAttachments Branch Test Attachments hugo.txt (20 B) Attachments Leaf Test Attachments hugo.txt (20 B) Attachments Plank Test Attachments hugo.txt (20 B) ",
     "description": "Test'n Attachments Shorrrtcode",
     "tags": null,
     "title": "Attachments Shorrrtcode Test",
     "uri": "/pir/tests/attach/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nTh' badge shortcode displays little markers 'n yer text wit' adjust'ble color, title an' ay'con.\nImportant Version6.6.6 Captain AhoiNew Awesome\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\nshortcode partial {{% badge %}}Important{{% /badge %}} {{% badge style=\"primary\" title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"red\" ay'con=\"angle-double-up\" %}}Captain{{% /badge %}} {{% badge style=\"info\" %}}New{{% /badge %}} {{% badge color=\"fuchsia\" ay'con=\"fab fa-hackerrank\" %}}Awesome{{% /badge %}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"content\" \"Important\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"primary\" \"title\" \"Version\" \"content\" \"6.6.6\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"red\" \"icon\" \"angle-double-up\" \"content\" \"Captain\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"info\" \"content\" \"New\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"color\" \"fuchsia\" \"icon\" \"fab fa-hackerrank\" \"content\" \"Awesome\" )}} Parameter Name Default Notes style default Th' style scheme used fer th' badge.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color title see notes Arbitrary text fer th' badge title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text fer th' badge. Examples Style By Severity {{% badge style=\"info\" %}}New{{% /badge %}} {{% badge style=\"note\" %}}Change{{% /badge %}} {{% badge style=\"tip\" %}}Optional{{% /badge %}} {{% badge style=\"warning\" %}}Break'n{{% /badge %}} AhoiNew AvastChange Smarrrt ArrrseOptional ArrrBreak'n\nBy Brand Colors {{% badge style=\"primary\" ay'con=\"bullhorn\" title=\"Announcement\" %}}Mandatory{{% /badge %}} {{% badge style=\"secondary\" ay'con=\"bullhorn\" title=\"Announcement\" %}}Optional{{% /badge %}} {{% badge style=\"accent\" ay'con=\"bullhorn\" title=\"Announcement\" %}}Special{{% /badge %}} AnnouncementMandatory AnnouncementOptional AnnouncementSpecial\nBy Color {{% badge style=\"blue\" ay'con=\"palette\" title=\"Color\" %}}Blue{{% /badge %}} {{% badge style=\"green\" ay'con=\"palette\" title=\"Color\" %}}Green{{% /badge %}} {{% badge style=\"grey\" ay'con=\"palette\" title=\"Color\" %}}Grey{{% /badge %}} {{% badge style=\"orange\" ay'con=\"palette\" title=\"Color\" %}}Orange{{% /badge %}} {{% badge style=\"red\" ay'con=\"palette\" title=\"Color\" %}}Red{{% /badge %}} ColorBlue ColorGreen ColorGrey ColorOrange ColorRed\nBy Special Color {{% badge style=\"default\" ay'con=\"palette\" title=\"Color\" %}}Default{{% /badge %}} {{% badge style=\"transparent\" ay'con=\"palette\" title=\"Color\" %}}Transparent{{% /badge %}} ColorDefault ColorTransparent\nVariants Without Ay'con an' Title Text {{% badge %}}6.6.6{{% /badge %}} {{% badge style=\"info\" ay'con=\" \" title=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" %}}Captain{{% /badge %}} 6.6.6 Awesome Captain\nWithout Ay'con {{% badge title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" ay'con=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" title=\"Rank\" %}}Captain{{% /badge %}} Version6.6.6 AhoiAwesome RankCaptain\nWithout Title Text {{% badge ay'con=\"star\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" title=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" ay'con=\"angle-double-up\" %}}Captain{{% /badge %}} 6.6.6 Awesome Captain\nAll Set {{% badge ay'con=\"star\" title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" %}}Awesome{{% /badge %}} {{% badge style=\"red\" ay'con=\"angle-double-up\" title=\"Rank\" %}}Captain{{% /badge %}} Version6.6.6 AhoiAwesome RankCaptain\nOverride fer Severity {{% badge style=\"info\" ay'con=\"rocket\" title=\"Feature\" %}}Awesome{{% /badge %}} FeatureAwesome Other Wit' User-Defined Color an' Font Awesome Brand Ay'con {{% badge color=\"fuchsia\" ay'con=\"fab fa-hackerrank\" %}}Awesome{{% /badge %}} Awesome Wit' Ay'con Rrrambl'n Ye can combine th' badge wit' th' ay'con shortcode t' create even more stunn'n visuals.\nIn this case ye need t' declare {{\u003c badge \u003e}} instead o' {{% badge %}}. Avast, that 'n this case it be not poss'ble t' put markdown 'n th' rrrambl'n.\n{{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" \u003e}}{{% ay'con skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" \u003e}}{{% ay'con skull-crossbones %}} Pirate{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}} Pirate{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}} Pirate{{\u003c /badge \u003e}} Pirate\nRank Rank Pirate\nRank Rank Pirate\nInside o' Text Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. {{% badge style=\"blue\" ay'con=\"rocket\" %}}Awesome{{% /badge %}} Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad. Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Awesome Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nTh' badge shortcode displays little markers 'n yer text wit' adjust'ble color, title an' ay'con.\nImportant Version6.6.6 Captain AhoiNew Awesome\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\nshortcode partial {{% badge %}}Important{{% /badge %}} {{% badge style=\"primary\" title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"red\" ay'con=\"angle-double-up\" %}}Captain{{% /badge %}} {{% badge style=\"info\" %}}New{{% /badge %}} {{% badge color=\"fuchsia\" ay'con=\"fab fa-hackerrank\" %}}Awesome{{% /badge %}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"content\" \"Important\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"primary\" \"title\" \"Version\" \"content\" \"6.6.6\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"red\" \"icon\" \"angle-double-up\" \"content\" \"Captain\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"info\" \"content\" \"New\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"color\" \"fuchsia\" \"icon\" \"fab fa-hackerrank\" \"content\" \"Awesome\" )}} Parameter Name Default Notes style default Th' style scheme used fer th' badge.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color title see notes Arbitrary text fer th' badge title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text fer th' badge. Examples Style By Severity {{% badge style=\"info\" %}}New{{% /badge %}} {{% badge style=\"note\" %}}Change{{% /badge %}} {{% badge style=\"tip\" %}}Optional{{% /badge %}} {{% badge style=\"warning\" %}}Break'n{{% /badge %}} AhoiNew AvastChange Smarrrt ArrrseOptional ArrrBreak'n\nBy Brand Colors {{% badge style=\"primary\" ay'con=\"bullhorn\" title=\"Announcement\" %}}Mandatory{{% /badge %}} {{% badge style=\"secondary\" ay'con=\"bullhorn\" title=\"Announcement\" %}}Optional{{% /badge %}} {{% badge style=\"accent\" ay'con=\"bullhorn\" title=\"Announcement\" %}}Special{{% /badge %}} AnnouncementMandatory AnnouncementOptional AnnouncementSpecial\nBy Color {{% badge style=\"blue\" ay'con=\"palette\" title=\"Color\" %}}Blue{{% /badge %}} {{% badge style=\"green\" ay'con=\"palette\" title=\"Color\" %}}Green{{% /badge %}} {{% badge style=\"grey\" ay'con=\"palette\" title=\"Color\" %}}Grey{{% /badge %}} {{% badge style=\"orange\" ay'con=\"palette\" title=\"Color\" %}}Orange{{% /badge %}} {{% badge style=\"red\" ay'con=\"palette\" title=\"Color\" %}}Red{{% /badge %}} ColorBlue ColorGreen ColorGrey ColorOrange ColorRed\nBy Special Color {{% badge style=\"default\" ay'con=\"palette\" title=\"Color\" %}}Default{{% /badge %}} {{% badge style=\"transparent\" ay'con=\"palette\" title=\"Color\" %}}Transparent{{% /badge %}} ColorDefault ColorTransparent\nVariants Without Ay'con an' Title Text {{% badge %}}6.6.6{{% /badge %}} {{% badge style=\"info\" ay'con=\" \" title=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" %}}Captain{{% /badge %}} 6.6.6 Awesome Captain\nWithout Ay'con {{% badge title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" ay'con=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" title=\"Rank\" %}}Captain{{% /badge %}} Version6.6.6 AhoiAwesome RankCaptain\nWithout Title Text {{% badge ay'con=\"star\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" title=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" ay'con=\"angle-double-up\" %}}Captain{{% /badge %}} 6.6.6 Awesome Captain\nAll Set {{% badge ay'con=\"star\" title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" %}}Awesome{{% /badge %}} {{% badge style=\"red\" ay'con=\"angle-double-up\" title=\"Rank\" %}}Captain{{% /badge %}} Version6.6.6 AhoiAwesome RankCaptain\nOverride fer Severity {{% badge style=\"info\" ay'con=\"rocket\" title=\"Feature\" %}}Awesome{{% /badge %}} FeatureAwesome Other Wit' User-Defined Color an' Font Awesome Brand Ay'con {{% badge color=\"fuchsia\" ay'con=\"fab fa-hackerrank\" %}}Awesome{{% /badge %}} Awesome Wit' Ay'con Rrrambl'n Ye can combine th' badge wit' th' ay'con shortcode t' create even more stunn'n visuals.\nIn this case ye need t' declare {{\u003c badge \u003e}} instead o' {{% badge %}}. Avast, that 'n this case it be not poss'ble t' put markdown 'n th' rrrambl'n.\n{{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" \u003e}}{{% ay'con skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" \u003e}}{{% ay'con skull-crossbones %}} Pirate{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}} Pirate{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}} Pirate{{\u003c /badge \u003e}} Pirate\nRank Rank Pirate\nRank Rank Pirate\nInside o' Text Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. {{% badge style=\"blue\" ay'con=\"rocket\" %}}Awesome{{% /badge %}} Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad. Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Awesome Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.\n",
     "description": "",
     "tags": null,
     "title": "Badge",
     "uri": "/pir/shortcodes/badge/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nTh' button shortcode displays a click'ble button wit' adjust'ble color, title an' ay'con.\nGet Cap'n Hugo Get Cap'n Hugo Usage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\nshortcode partial {{% button href=\"https://gohugo.io/\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"warning\" ay'con=\"dragon\" %}}Get Cap'n Hugo{{% /button %}} {{ partial \"shortcodes/button.html\" (dict \"context\" . \"href\" \"https://gohugo.io/\" \"content\" \"Get Hugo\" )}} {{ partial \"shortcodes/button.html\" (dict \"context\" . \"href\" \"https://gohugo.io/\" \"style\" \"warning\" \"icon\" \"dragon\" \"content\" \"Get Hugo\" )}} Once th' button be clicked, it opens another browser tab fer th' given URL.\nParameter Name Default Notes href \u003cempty\u003e Either th' destinat'n URL fer th' button or JavaScript code t' be executed on click. If this parameter be not set, th' button will do noth'n but be still displayed as click'ble.\n- if start'n wit' javascript: all follow'n text will be executed 'n yer browser\n- every other str'n will be interpreted as URL style transparent Th' style scheme used fer th' button.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color ay'con see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) iconposit'n left Places th' ay'con t' th' left or right o' th' title. target see notes Th' destinat'n frame/window if href be an URL. Otherwise th' parameter be not used. This behaves similar t' normal links. If th' parameter be not given it defaults t':\n- th' sett'n o' externalLinkTarget or _blank if not set, fer any address start'n wit' http:// or https://\n- no specific value fer all other links type see notes Th' button type if href be JavaScript. Otherwise th' parameter be not used. If th' parameter be not given it defaults t' button \u003ccontent\u003e see notes Arbitrary text fer th' button title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) Examples Style By Severity {{% button href=\"https://gohugo.io/\" style=\"info\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"note\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"tip\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"warning\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo By Brand Colors {{% button href=\"https://gohugo.io/\" style=\"primary\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"secondary\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"accent\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo By Color {{% button href=\"https://gohugo.io/\" style=\"blue\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"green\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"grey\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"orange\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"red\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo By Special Color {{% button href=\"https://gohugo.io/\" style=\"default\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"transparent\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Get Cap'n Hugo Ay'con T' th' Left {{% button href=\"https://gohugo.io/\" ay'con=\"download\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo T' th' Right {{% button href=\"https://gohugo.io/\" ay'con=\"download\" iconposit'n=\"right\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Override fer Severity {{% button href=\"https://gohugo.io/\" ay'con=\"dragon\" style=\"warning\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Target {{% button href=\"https://gohugo.io/\" target=\"_self\" %}}Get Cap'n Hugo 'n same window{{% /button %}} {{% button href=\"https://gohugo.io/\" %}}Get Cap'n Hugo 'n new Window/Frame (default){{% /button %}} Get Cap'n Hugo 'n same Window/Frame Get Cap'n Hugo 'n new Window/Frame (default) Other Wit' User-Defined Color an' Font Awesome Brand Ay'con {{% button href=\"https://gohugo.io/\" color=\"fuchsia\" ay'con=\"fab fa-hackerrank\" %}}Cap'n Hugo{{% /button %}} Cap'n Hugo Severity Style wit' All Defaults {{% button href=\"https://gohugo.io/\" style=\"tip\" %}}{{% /button %}} Smarrrt Arrrse Button t' Internal Plank {{% button href=\"/index.html\" %}}Home{{% /button %}} Home Button wit' JavaScript Act'n If yer JavaScript act'n does not change th' focus afterwards, make sure t' call this.blur() 'n th' end t' unselect th' button.\n{{% button style=\"primary\" ay'con=\"bullhorn\" href=\"javascript:alert('Hello world!');this.blur();\" %}}Shout it out{{% /button %}} Shout it out Button within a form Element T' use native HTML elements 'n yer Marrrkdown, add this 'n yer config.toml\n[marrrkup.goldmark.renderer] unsafe = true \u003cform act'n=\"../../search.html\" method=\"get\"\u003e \u003cinput name=\"search-by-detail\" class=\"search-by\" type=\"search\"\u003e {{% button type=\"submit\" style=\"secondary\" icon=\"search\" %}}Search{{% /button %}} \u003c/form\u003e Search ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nTh' button shortcode displays a click'ble button wit' adjust'ble color, title an' ay'con.\nGet Cap'n Hugo Get Cap'n Hugo Usage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\nshortcode partial {{% button href=\"https://gohugo.io/\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"warning\" ay'con=\"dragon\" %}}Get Cap'n Hugo{{% /button %}} {{ partial \"shortcodes/button.html\" (dict \"context\" . \"href\" \"https://gohugo.io/\" \"content\" \"Get Hugo\" )}} {{ partial \"shortcodes/button.html\" (dict \"context\" . \"href\" \"https://gohugo.io/\" \"style\" \"warning\" \"icon\" \"dragon\" \"content\" \"Get Hugo\" )}} Once th' button be clicked, it opens another browser tab fer th' given URL.\nParameter Name Default Notes href \u003cempty\u003e Either th' destinat'n URL fer th' button or JavaScript code t' be executed on click. If this parameter be not set, th' button will do noth'n but be still displayed as click'ble.\n- if start'n wit' javascript: all follow'n text will be executed 'n yer browser\n- every other str'n will be interpreted as URL style transparent Th' style scheme used fer th' button.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color ay'con see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) iconposit'n left Places th' ay'con t' th' left or right o' th' title. target see notes Th' destinat'n frame/window if href be an URL. Otherwise th' parameter be not used. This behaves similar t' normal links. If th' parameter be not given it defaults t':\n- th' sett'n o' externalLinkTarget or _blank if not set, fer any address start'n wit' http:// or https://\n- no specific value fer all other links type see notes Th' button type if href be JavaScript. Otherwise th' parameter be not used. If th' parameter be not given it defaults t' button \u003ccontent\u003e see notes Arbitrary text fer th' button title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) Examples Style By Severity {{% button href=\"https://gohugo.io/\" style=\"info\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"note\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"tip\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"warning\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo By Brand Colors {{% button href=\"https://gohugo.io/\" style=\"primary\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"secondary\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"accent\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo By Color {{% button href=\"https://gohugo.io/\" style=\"blue\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"green\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"grey\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"orange\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"red\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo By Special Color {{% button href=\"https://gohugo.io/\" style=\"default\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"transparent\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Get Cap'n Hugo Ay'con T' th' Left {{% button href=\"https://gohugo.io/\" ay'con=\"download\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo T' th' Right {{% button href=\"https://gohugo.io/\" ay'con=\"download\" iconposit'n=\"right\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Override fer Severity {{% button href=\"https://gohugo.io/\" ay'con=\"dragon\" style=\"warning\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Target {{% button href=\"https://gohugo.io/\" target=\"_self\" %}}Get Cap'n Hugo 'n same window{{% /button %}} {{% button href=\"https://gohugo.io/\" %}}Get Cap'n Hugo 'n new Window/Frame (default){{% /button %}} Get Cap'n Hugo 'n same Window/Frame Get Cap'n Hugo 'n new Window/Frame (default) Other Wit' User-Defined Color an' Font Awesome Brand Ay'con {{% button href=\"https://gohugo.io/\" color=\"fuchsia\" ay'con=\"fab fa-hackerrank\" %}}Cap'n Hugo{{% /button %}} Cap'n Hugo Severity Style wit' All Defaults {{% button href=\"https://gohugo.io/\" style=\"tip\" %}}{{% /button %}} Smarrrt Arrrse Button t' Internal Plank {{% button href=\"/index.html\" %}}Home{{% /button %}} Home Button wit' JavaScript Act'n If yer JavaScript act'n does not change th' focus afterwards, make sure t' call this.blur() 'n th' end t' unselect th' button.\n{{% button style=\"primary\" ay'con=\"bullhorn\" href=\"javascript:alert('Hello world!');this.blur();\" %}}Shout it out{{% /button %}} Shout it out Button within a form Element T' use native HTML elements 'n yer Marrrkdown, add this 'n yer config.toml\n[marrrkup.goldmark.renderer] unsafe = true \u003cform act'n=\"../../search.html\" method=\"get\"\u003e \u003cinput name=\"search-by-detail\" class=\"search-by\" type=\"search\"\u003e {{% button type=\"submit\" style=\"secondary\" icon=\"search\" %}}Search{{% /button %}} \u003c/form\u003e Search ",
     "description": "",
     "tags": null,
     "title": "Button",
     "uri": "/pir/shortcodes/button/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nTh' Relearrrn theme be a theme fer Cap'n Hugo, a static website generator written 'n Go. Whar' Cap'n Hugo be often used fer blogs, this theme be designed wit' documentat'n 'n mind.\nAhoi Th' theme be a fork o' th' great Learrrn theme 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.\nFeatures Smarrrt Arrrse See What’s New within th' latest update.\nUs'ble offline, no external dependencies Us'ble without a HTTP server from th' file system Support fer Internet Explorer 11 Responsive design Configur'ble hidden planks Automatic next/prev buttons t' navigate through menu entries Automatic Search Dedicated search plank Support fer GFM (GitHub Flavored Markdown) Print whole chapters or even th' complete ship Multilingual mode fer English, Arabic, Simplified Chinese, Traditional Chinese, Czech, Dutch, Finnish, French, German, Hindi, Indonesian, Italian, Japanese, Korean, Polish, Portuguese, Russian, Spanish, Turkish, Vietnamese Support fer languages written right t' left Unrestricted menu configurat'n relat'n t' amount o' items an' level o' nest'n Font Awesome ay'cons Tagg'n support Image styl'n like siz'n, shadow, border an' alignment Rules highlight'n Customiz'ble look an' feel Predefined (light, dark) an' customiz'ble color variants Automatic switch fer light/dark mode dependend on yer OS sett'ns Attachments files List child planks Math an' chemical formulae us'n th' MathJax library Merrrmaid diagrams fer flowcharts, sequences, gantts, pie, etc. Swagger UI fer OpenAPI Specificat'ns Badges Buttons Tip/Note/Info/Warn'n boxes Expand Tabs File inclusion Gett'n Support T' get support, feel free t' open a new discussion topic or issue report 'n th' official repository on GitHub.\nBecome a Contributor Feel free t' update this documentat'n by just click'n th' button displayed on top right o' each plank. Yer changes will be deployed automatically once they were reviewed.\nYe be most welcome t' contribute bugfixes or even new features t' th' source code by mak'n pull requests t' th' official repository via GitHub. Please visit th' contribut'n guidelines first.\nLicense This theme be licensed under th' MIT License.\nCredits This theme would not be poss'ble without th' work o' many others. See th' credits fer a detailed list.\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nTh' Relearrrn theme be a theme fer Cap'n Hugo, a static website generator written 'n Go. Whar' Cap'n Hugo be often used fer blogs, this theme be designed wit' documentat'n 'n mind.\nAhoi Th' theme be a fork o' th' great Learrrn theme 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.\nFeatures Smarrrt Arrrse See What’s New within th' latest update.\nUs'ble offline, no external dependencies Us'ble without a HTTP server from th' file system Support fer Internet Explorer 11 Responsive design Configur'ble hidden planks Automatic next/prev buttons t' navigate through menu entries Automatic Search Dedicated search plank Support fer GFM (GitHub Flavored Markdown) Print whole chapters or even th' complete ship Multilingual mode fer English, Arabic, Simplified Chinese, Traditional Chinese, Czech, Dutch, Finnish, French, German, Hindi, Indonesian, Italian, Japanese, Korean, Polish, Portuguese, Russian, Spanish, Turkish, Vietnamese Support fer languages written right t' left Unrestricted menu configurat'n relat'n t' amount o' items an' level o' nest'n Font Awesome ay'cons Tagg'n support Image styl'n like siz'n, shadow, border an' alignment Rules highlight'n Customiz'ble look an' feel Predefined (light, dark) an' customiz'ble color variants Automatic switch fer light/dark mode dependend on yer OS sett'ns Attachments files List child planks Math an' chemical formulae us'n th' MathJax library Merrrmaid diagrams fer flowcharts, sequences, gantts, pie, etc. Swagger UI fer OpenAPI Specificat'ns Badges Buttons Tip/Note/Info/Warn'n boxes Expand Tabs File inclusion Gett'n Support T' get support, feel free t' open a new discussion topic or issue report 'n th' official repository on GitHub.\nBecome a Contributor Feel free t' update this documentat'n by just click'n th' button displayed on top right o' each plank. Yer changes will be deployed automatically once they were reviewed.\nYe be most welcome t' contribute bugfixes or even new features t' th' source code by mak'n pull requests t' th' official repository via GitHub. Please visit th' contribut'n guidelines first.\nLicense This theme be licensed under th' MIT License.\nCredits This theme would not be poss'ble without th' work o' many others. See th' credits fer a detailed list.\n",
     "description": "",
     "tags": null,
     "title": "Cap'n Hugo Relearrrn Theme",
@@ -316,7 +316,7 @@ var relearn_search_index = [
     "uri": "/pir/categories/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nStart yer success story. Now!\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nStart yer success story. Now!\n",
     "description": "",
     "tags": null,
     "title": "Chapters",
@@ -330,28 +330,28 @@ var relearn_search_index = [
     "uri": "/pir/tags/children/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nTh' children shortcode lists th' child planks o' th' current plank an' its descendants.\nplank X plank 1 plank 2 plank 3 Usage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\nshortcode partial {{% children sort=\"weight\" %}} {{ partial \"shortcodes/children.html\" (dict \"context\" . \"sort\" \"weight\" )}} Parameter Name Default Notes containerstyle ul Choose th' style used t' group all children. It could be any HTML tag name. style li Choose th' style used t' display each descendant. It could be any HTML tag name. showhidden false When true, child planks hidden from th' menu will be displayed as well. descript'n false When true shows a short text under each plank 'n th' list. When no descript'n or summary exists fer th' plank, th' first 70 words o' th' rrrambl'n be taken - read more info about summaries on gohugo.io. depth 1 Th' depth o' descendants t' display. For example, if th' value be 2, th' shortcode will display two levels o' child planks. T' get all descendants, set this value t' a high number eg. 999. sort see notes Th' sort order o' th' displayed list.\nIf not set it be sorted by th' ordersectionsby sett'n o' th' ship an' th' planks frontmatter\n- weight: t' sort on menu order\n- title: t' sort alphabetically on menu label. Examples All Default {{% children %}} plank X plank 1 plank 2 plank 3 Wit' Descript'n {{% children descript'n=\"true\" %}} plank XThis be a plain plank test, an' th' beginn'n o' a YAML multiline descript'n... plank 1This be a demo child plank\nplank 2This be a demo child plank wit' no descript'n. So its rrrambl'n be used as descript'n.\nplank 3This be a demo child plank\nInfinite Depth an' Hidden Planks {{% children depth=\"999\" showhidden=\"true\" %}} plank X plank 1 plank 1-1 plank 1-1-1 (hidden) plank 1-1-1-1 plank 1-1-1-1-1 (hidden) plank 1-1-1-1-1-1 plank 1-1-2 plank 1-1-2-1 plank 1-1-2-2 plank 1-1-3 plank 2 plank 3 plank 3-1 plank 4 (hidden) Head'n Styles fer Container an' Elements {{% children containerstyle=\"div\" style=\"h2\" depth=\"3\" descript'n=\"true\" %}} plank XThis be a plain plank test, an' th' beginn'n o' a YAML multiline descript'n... plank 1This be a demo child plank\nplank 1-1This be a demo child plank\nplank 1-1-2This be a demo child plank\nplank 1-1-3This be a demo child plank\nplank 2This be a demo child plank wit' no descript'n. So its rrrambl'n be used as descript'n.\nplank 3This be a demo child plank\nplank 3-1This be a plain plank test nested 'n a parent\nDivs fer Group an' Element Styles {{% children containerstyle=\"div\" style=\"div\" depth=\"3\" %}} plank X plank 1 plank 1-1 plank 1-1-2 plank 1-1-3 plank 2 plank 3 plank 3-1 ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nTh' children shortcode lists th' child planks o' th' current plank an' its descendants.\nplank X plank 1 plank 2 plank 3 Usage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\nshortcode partial {{% children sort=\"weight\" %}} {{ partial \"shortcodes/children.html\" (dict \"context\" . \"sort\" \"weight\" )}} Parameter Name Default Notes containerstyle ul Choose th' style used t' group all children. It could be any HTML tag name. style li Choose th' style used t' display each descendant. It could be any HTML tag name. showhidden false When true, child planks hidden from th' menu will be displayed as well. descript'n false When true shows a short text under each plank 'n th' list. When no descript'n or summary exists fer th' plank, th' first 70 words o' th' rrrambl'n be taken - read more info about summaries on gohugo.io. depth 1 Th' depth o' descendants t' display. For example, if th' value be 2, th' shortcode will display two levels o' child planks. T' get all descendants, set this value t' a high number eg. 999. sort see notes Th' sort order o' th' displayed list.\nIf not set it be sorted by th' ordersectionsby sett'n o' th' ship an' th' planks frontmatter\n- weight: t' sort on menu order\n- title: t' sort alphabetically on menu label. Examples All Default {{% children %}} plank X plank 1 plank 2 plank 3 Wit' Descript'n {{% children descript'n=\"true\" %}} plank XThis be a plain plank test, an' th' beginn'n o' a YAML multiline descript'n... plank 1This be a demo child plank\nplank 2This be a demo child plank wit' no descript'n. So its rrrambl'n be used as descript'n.\nplank 3This be a demo child plank\nInfinite Depth an' Hidden Planks {{% children depth=\"999\" showhidden=\"true\" %}} plank X plank 1 plank 1-1 plank 1-1-1 (hidden) plank 1-1-1-1 plank 1-1-1-1-1 (hidden) plank 1-1-1-1-1-1 plank 1-1-2 plank 1-1-2-1 plank 1-1-2-2 plank 1-1-3 plank 2 plank 3 plank 3-1 plank 4 (hidden) Head'n Styles fer Container an' Elements {{% children containerstyle=\"div\" style=\"h2\" depth=\"3\" descript'n=\"true\" %}} plank XThis be a plain plank test, an' th' beginn'n o' a YAML multiline descript'n... plank 1This be a demo child plank\nplank 1-1This be a demo child plank\nplank 1-1-2This be a demo child plank\nplank 1-1-3This be a demo child plank\nplank 2This be a demo child plank wit' no descript'n. So its rrrambl'n be used as descript'n.\nplank 3This be a demo child plank\nplank 3-1This be a plain plank test nested 'n a parent\nDivs fer Group an' Element Styles {{% children containerstyle=\"div\" style=\"div\" depth=\"3\" %}} plank X plank 1 plank 1-1 plank 1-1-2 plank 1-1-3 plank 2 plank 3 plank 3-1 ",
     "description": "",
     "tags": null,
     "title": "Children",
     "uri": "/pir/shortcodes/children/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nSome test'n fer different styles used 'n rules highlight'n an' preformatted blocks.\nInline Code This be some very long inline code. Whar' does it wrap?\nWhat about wrapp'n short inline code if multiple sections be written side by side?\nWhat about wrapp'n short inline code if multiple sections be written side/by/side?\nWhat about wrapp'n long inline code if multiple sections be written side567 by34567 side567?\nWhat about wrapp'n long inline code if multiple sections be written side567/by34567/side567?\nCan we just use a simple HTML element ?\nBlock Code Code fences without any selected language { \"well\": \"some JSON 'n codefences 'n here\" } { \"well\": \"some JSON 'n HTML elements here\" } { \"well\": \"Code fences wit' non exist'n language\" } Block Preformatted Some preformatted stuff wit' markdown indentat'n Some preformatted stuff 'n HTML elements ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nSome test'n fer different styles used 'n rules highlight'n an' preformatted blocks.\nInline Code This be some very long inline code. Whar' does it wrap?\nWhat about wrapp'n short inline code if multiple sections be written side by side?\nWhat about wrapp'n short inline code if multiple sections be written side/by/side?\nWhat about wrapp'n long inline code if multiple sections be written side567 by34567 side567?\nWhat about wrapp'n long inline code if multiple sections be written side567/by34567/side567?\nCan we just use a simple HTML element ?\nBlock Code Code fences without any selected language { \"well\": \"some JSON 'n codefences 'n here\" } { \"well\": \"some JSON 'n HTML elements here\" } { \"well\": \"Code fences wit' non exist'n language\" } Block Preformatted Some preformatted stuff wit' markdown indentat'n Some preformatted stuff 'n HTML elements ",
     "description": "Some test'n fer different styles used 'n rules highlightn'n an' preformatted blocks",
     "tags": null,
     "title": "Code",
     "uri": "/pir/tests/code/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nCode Quality A new release can happen at any time from th' main branch o' th' GitHub project without further accknowledgment. This makes it necessary that, every pushed set o' changesets into th' main branch must be self-contained an' correct, result'n 'n a releas'ble version.\nStay simple fer th' user by focus'n on th' mantra “convent'n over configuration”.\nAt installat'n th' ship should work reason'ble without (m)any configurat'n.\nStay close t' th' Cap'n Hugo way.\nDon’t use npm or any preprocess'n, our contributors may not be front-end developers.\nDocument new features 'n th' exampleSite. This also contains entries t' th' What’s new plank.\nDon’t break exist'n features if ye don’t have t'.\nRemove reported issue from th' browser’s console.\nCheck fer unnecessary whitespace an' correct indent'n o' yer result'n HTML.\nBe compat'ble t' IE11, at least fer main functionality, this means:\ntest 'n IE11 check caniuse.com don’t use JavaScript arrow funct'ns don’t use JavaScript template literals don’t use other fancy JavaScript ES5/6 stuff Conventional Commits Write commit messages 'n th' conventional commit format.\nFollow'n be an impomplete list o' some o' th' used conventional commit types. Be creative.\nCommon Feature Structure Shorrrtcodes build a11y favicon attachments browser archetypes search badge chore alias menu button docs generator history children shorrrtcodes i18n scrollbar expand theme mobile nav ay'con print toc include rss clipboard math variant syntaxhighlight mermaid boxes notice piratify siteparam swagger tabs ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nCode Quality A new release can happen at any time from th' main branch o' th' GitHub project without further accknowledgment. This makes it necessary that, every pushed set o' changesets into th' main branch must be self-contained an' correct, result'n 'n a releas'ble version.\nStay simple fer th' user by focus'n on th' mantra “convent'n over configuration”.\nAt installat'n th' ship should work reason'ble without (m)any configurat'n.\nStay close t' th' Cap'n Hugo way.\nDon’t use npm or any preprocess'n, our contributors may not be front-end developers.\nDocument new features 'n th' exampleSite. This also contains entries t' th' What’s new plank.\nDon’t break exist'n features if ye don’t have t'.\nRemove reported issue from th' browser’s console.\nCheck fer unnecessary whitespace an' correct indent'n o' yer result'n HTML.\nBe compat'ble t' IE11, at least fer main functionality, this means:\ntest 'n IE11 check caniuse.com don’t use JavaScript arrow funct'ns don’t use JavaScript template literals don’t use other fancy JavaScript ES5/6 stuff Conventional Commits Write commit messages 'n th' conventional commit format.\nFollow'n be an impomplete list o' some o' th' used conventional commit types. Be creative.\nCommon Feature Structure Shorrrtcodes build a11y favicon attachments browser archetypes search badge chore alias menu button docs generator history children shorrrtcodes i18n scrollbar expand theme mobile nav ay'con print toc include rss clipboard math variant syntaxhighlight mermaid boxes notice piratify siteparam swagger tabs ",
     "description": "What to know if you want to contribute",
     "tags": null,
     "title": "Contributing",
     "uri": "/pir/dev/contributing/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nContributors Special thanks t' everyone who has contributed t' this project.\nMany thanks t' Mathieu Cornic fer his work on port'n th' Learrrn theme t' Cap'n Hugo.\nMany thanks t' Andy Miller fer initially creat'n th' Learrrn theme fer Grav.\nPackages an' Libraries autoComplete - A lightweight an' powerful vanilla JavaScript complet'n suggester clipboard.js - A modern approach t' copy text t' clipboard d3-zoom - Pan an' zoom SVG, HTML or Canvas us'n mouse or touch input - plus dependencies d3-color - Color spaces! RGB, HSL, Cubehelix, CIELAB, an' more d3-dispatch - Register named callbacks an' call them wit' arguments d3-ease - Eas'n funct'ns fer smooth animat'n d3-interpolate - Interpolate numbers, colors, str'ns, arrays, objects, whatever d3-select'n - Transform th' DOM by select'n elements an' join'n t' data d3-timer - An efficient queue fer manag'n thousands o' concurrent animat'ns d3-transit'n - Animated transit'ns fer D3 select'ns d3-drag - Drag an' drop SVG, HTML or Canvas us'n mouse or touch input Font Awesome - Th' internet’s ay'con library an' toolkit Lunr - Enables a great search experience without th' need fer external, server-side, search services Lunr Languages - A collect'n o' languages stemmers an' stopwords fer Lunr Javascript library MathJax - Beautiful math an' chemical formulae 'n all browsers Merrrmaid - Generat'n o' diagram an' flowchart from text 'n a similar manner as markdown Perfect Scrollbar - A minimalistic but perfect custom scrollbar plugin RapiDoc - Create beautiful, customiz'ble, interactive API documentat'n from OpenAPI Specificat'ns WorkSans - Work Sans be a 9 weight typeface family based loosely on early Grotesques Tool'n GitHub - Continuous deployment, test'n an' host'n o' this project’s sources an' its documentat'n Various GitHub Act'ns https://github.com/actions/setup-node https://github.com/Akkjon/close-milestone https://github.com/andstor/file-reader-act'n https://github.com/ashley-taylor/regex-property-act'n https://github.com/Kaven-Universe/github-action-current-date-time https://github.com/mingjun97/file-regex-replace https://github.com/octokit/graphql-act'n https://github.com/peaceiris/actions-gh-pages https://github.com/peaceiris/actions-hugo https://github.com/WyriHaximus/github-action-create-milestone https://github.com/WyriHaximus/github-action-next-semvers gren - A releasenotes generator fer GitHub Cap'n Hugo - Th' static ship generator o' yer choice ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nContributors Special thanks t' everyone who has contributed t' this project.\nMany thanks t' Mathieu Cornic fer his work on port'n th' Learrrn theme t' Cap'n Hugo.\nMany thanks t' Andy Miller fer initially creat'n th' Learrrn theme fer Grav.\nPackages an' Libraries autoComplete - A lightweight an' powerful vanilla JavaScript complet'n suggester clipboard.js - A modern approach t' copy text t' clipboard d3-zoom - Pan an' zoom SVG, HTML or Canvas us'n mouse or touch input - plus dependencies d3-color - Color spaces! RGB, HSL, Cubehelix, CIELAB, an' more d3-dispatch - Register named callbacks an' call them wit' arguments d3-ease - Eas'n funct'ns fer smooth animat'n d3-interpolate - Interpolate numbers, colors, str'ns, arrays, objects, whatever d3-select'n - Transform th' DOM by select'n elements an' join'n t' data d3-timer - An efficient queue fer manag'n thousands o' concurrent animat'ns d3-transit'n - Animated transit'ns fer D3 select'ns d3-drag - Drag an' drop SVG, HTML or Canvas us'n mouse or touch input Font Awesome - Th' internet’s ay'con library an' toolkit Lunr - Enables a great search experience without th' need fer external, server-side, search services Lunr Languages - A collect'n o' languages stemmers an' stopwords fer Lunr Javascript library MathJax - Beautiful math an' chemical formulae 'n all browsers Merrrmaid - Generat'n o' diagram an' flowchart from text 'n a similar manner as markdown Perfect Scrollbar - A minimalistic but perfect custom scrollbar plugin RapiDoc - Create beautiful, customiz'ble, interactive API documentat'n from OpenAPI Specificat'ns WorkSans - Work Sans be a 9 weight typeface family based loosely on early Grotesques Tool'n GitHub - Continuous deployment, test'n an' host'n o' this project’s sources an' its documentat'n Various GitHub Act'ns https://github.com/actions/setup-node https://github.com/Akkjon/close-milestone https://github.com/andstor/file-reader-act'n https://github.com/ashley-taylor/regex-property-act'n https://github.com/Kaven-Universe/github-action-current-date-time https://github.com/mingjun97/file-regex-replace https://github.com/octokit/graphql-act'n https://github.com/peaceiris/actions-gh-pages https://github.com/peaceiris/actions-hugo https://github.com/WyriHaximus/github-action-create-milestone https://github.com/WyriHaximus/github-action-next-semvers gren - A releasenotes generator fer GitHub Cap'n Hugo - Th' static ship generator o' yer choice ",
     "description": "",
     "tags": null,
     "title": "Crrredits",
@@ -365,7 +365,7 @@ var relearn_search_index = [
     "uri": "/pir/tags/documentatn/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nTh' expand shortcode displays an expandable/collaps'ble section o' text.\nExpand me... Thank ye! Avast This only works 'n modern browsers flawlessly. While Internet Explorer 11 has issues 'n display'n it, th' functionality still works.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional as well or also call this shortcode from yer own partials.\nshortcode shortcode (positional) partial {{% expand title=\"Expand me...\" %}}Thank ye!{{% /expand %}} {{% expand \"Expand me...\" %}}Thank ye!{{% /expand %}} {{ partial \"shortcodes/expand.html\" (dict \"context\" . \"title\" \"Expand me...\" \"content\" \"Thank ye!\" )}} Parameter Name Posit'n Default Notes title 1 \"Expand me...\" Arbitrary text t' appear next t' th' expand/collapse ay'con. open 2 false When true th' rrrambl'n text will be initially shown as expanded. \u003ccontent\u003e \u003cempty\u003e Arbitrary text t' be displayed on expand. Examples All Defaults {{% expand %}}Yes, ye did it!{{% /expand %}} Expand me... Yes, ye did it! Initially Expanded {{% expand title=\"Expand me...\" open=\"true\" %}}No need t' press ye!{{% /expand %}} Expand me... No need t' press ye! Arbitrary Text {{% expand title=\"Show me almost endless possibilities\" %}} Ye can add standard markdown rules: - multiple paragraphs - bullet point lists - _emphasized_, **bold** an' even **_bold emphasized_** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) {{% /expand %}} Show me almost endless possibilities Ye can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc. ...and even source code th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work)\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nTh' expand shortcode displays an expandable/collaps'ble section o' text.\nExpand me... Thank ye! Avast This only works 'n modern browsers flawlessly. While Internet Explorer 11 has issues 'n display'n it, th' functionality still works.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional as well or also call this shortcode from yer own partials.\nshortcode shortcode (positional) partial {{% expand title=\"Expand me...\" %}}Thank ye!{{% /expand %}} {{% expand \"Expand me...\" %}}Thank ye!{{% /expand %}} {{ partial \"shortcodes/expand.html\" (dict \"context\" . \"title\" \"Expand me...\" \"content\" \"Thank ye!\" )}} Parameter Name Posit'n Default Notes title 1 \"Expand me...\" Arbitrary text t' appear next t' th' expand/collapse ay'con. open 2 false When true th' rrrambl'n text will be initially shown as expanded. \u003ccontent\u003e \u003cempty\u003e Arbitrary text t' be displayed on expand. Examples All Defaults {{% expand %}}Yes, ye did it!{{% /expand %}} Expand me... Yes, ye did it! Initially Expanded {{% expand title=\"Expand me...\" open=\"true\" %}}No need t' press ye!{{% /expand %}} Expand me... No need t' press ye! Arbitrary Text {{% expand title=\"Show me almost endless possibilities\" %}} Ye can add standard markdown rules: - multiple paragraphs - bullet point lists - _emphasized_, **bold** an' even **_bold emphasized_** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) {{% /expand %}} Show me almost endless possibilities Ye can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc. ...and even source code th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work)\n",
     "description": "",
     "tags": null,
     "title": "Expand",
@@ -379,42 +379,42 @@ var relearn_search_index = [
     "uri": "/pir/tags/hidden/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nTh' ay'con shortcode displays ay'cons us'n th' Font Awesome library.\nUsage While th' examples be us'n shorrrtcodes wit' positional parameter ye be free t' also call this shortcode from yer own partials.\nshortcode shortcode (positional) partial {{% ay'con ay'con=\"exclamation-triangle\" %}} {{% ay'con ay'con=\"angle-double-up\" %}} {{% ay'con ay'con=\"skull-crossbones\" %}} {{% ay'con exclamat'n-triangle %}} {{% ay'con angle-do'ble-up %}} {{% ay'con skull-crossbones %}} {{ partial \"shortcodes/icon.html\" (dict \"context\" . \"icon\" \"exclamation-triangle\" )}} {{ partial \"shortcodes/icon.html\" (dict \"context\" . \"icon\" \"angle-double-up\" )}} {{ partial \"shortcodes/icon.html\" (dict \"context\" . \"icon\" \"skull-crossbones\" )}} Parameter Name Posit'n Default Notes ay'con 1 \u003cempty\u003e Font Awesome ay'con name t' be displayed. It will be displayed 'n th' text color o' its accord'n context. Find'n an ay'con Browse through th' avail'ble ay'cons 'n th' Font Awesome Gallery. Notice that th' free filter be enabled, as only th' free ay'cons be avail'ble by default.\nOnce on th' Font Awesome plank fer a specific ay'con, fer example th' plank fer th' heart, copy th' ay'con name an' paste into th' Marrrkdown rrrambl'n.\nCustomis'n Ay'cons Font Awesome provides many ways t' modify th' ay'con\nChange color (by default th' ay'con will inherit th' parent color) Increase or decrease size Rotate Combine wit' other ay'cons Check th' full documentat'n on web fonts wit' CSS fer more.\nExamples Standard Usage Built wit' {{% ay'con heart %}} by Relearrrn an' Cap'n Hugo Built wit' by Relearrrn an' Cap'n Hugo\nAdvanced HTML Usage While th' shortcode simplyfies us'n standard ay'cons, th' ay'con customisat'n an' other advanced features o' th' Font Awesome library requires ye t' use HTML directly. Just paste th' \u003ci\u003e HTML into marrrkup an' Font Awesome will board th' relevant ay'con.\nBuilt wit' \u003ci class=\"fas fa-heart\"\u003e\u003c/i\u003e by Relearrrn an' Cap'n Hugo Built wit' by Relearrrn an' Cap'n Hugo\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nTh' ay'con shortcode displays ay'cons us'n th' Font Awesome library.\nUsage While th' examples be us'n shorrrtcodes wit' positional parameter ye be free t' also call this shortcode from yer own partials.\nshortcode shortcode (positional) partial {{% ay'con ay'con=\"exclamation-triangle\" %}} {{% ay'con ay'con=\"angle-double-up\" %}} {{% ay'con ay'con=\"skull-crossbones\" %}} {{% ay'con exclamat'n-triangle %}} {{% ay'con angle-do'ble-up %}} {{% ay'con skull-crossbones %}} {{ partial \"shortcodes/icon.html\" (dict \"context\" . \"icon\" \"exclamation-triangle\" )}} {{ partial \"shortcodes/icon.html\" (dict \"context\" . \"icon\" \"angle-double-up\" )}} {{ partial \"shortcodes/icon.html\" (dict \"context\" . \"icon\" \"skull-crossbones\" )}} Parameter Name Posit'n Default Notes ay'con 1 \u003cempty\u003e Font Awesome ay'con name t' be displayed. It will be displayed 'n th' text color o' its accord'n context. Find'n an ay'con Browse through th' avail'ble ay'cons 'n th' Font Awesome Gallery. Notice that th' free filter be enabled, as only th' free ay'cons be avail'ble by default.\nOnce on th' Font Awesome plank fer a specific ay'con, fer example th' plank fer th' heart, copy th' ay'con name an' paste into th' Marrrkdown rrrambl'n.\nCustomis'n Ay'cons Font Awesome provides many ways t' modify th' ay'con\nChange color (by default th' ay'con will inherit th' parent color) Increase or decrease size Rotate Combine wit' other ay'cons Check th' full documentat'n on web fonts wit' CSS fer more.\nExamples Standard Usage Built wit' {{% ay'con heart %}} by Relearrrn an' Cap'n Hugo Built wit' by Relearrrn an' Cap'n Hugo\nAdvanced HTML Usage While th' shortcode simplyfies us'n standard ay'cons, th' ay'con customisat'n an' other advanced features o' th' Font Awesome library requires ye t' use HTML directly. Just paste th' \u003ci\u003e HTML into marrrkup an' Font Awesome will board th' relevant ay'con.\nBuilt wit' \u003ci class=\"fas fa-heart\"\u003e\u003c/i\u003e by Relearrrn an' Cap'n Hugo Built wit' by Relearrrn an' Cap'n Hugo\n",
     "description": "",
     "tags": null,
     "title": "Icon",
     "uri": "/pir/shortcodes/icon/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nSome test'n fer different styles o' image links.\nMarrrkdown Resource SVG Relative t' plank Relative t' plank up level Static SVG External fully qualified External without scheme External without scheme an' scheme separator HTML Resource SVG Relative t' plank Relative t' plank up level Static SVG External fully qualified External without scheme External without scheme an' scheme separator ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nSome test'n fer different styles o' image links.\nMarrrkdown Resource SVG Relative t' plank Relative t' plank up level Static SVG External fully qualified External without scheme External without scheme an' scheme separator HTML Resource SVG Relative t' plank Relative t' plank up level Static SVG External fully qualified External without scheme External without scheme an' scheme separator ",
     "description": "Some test'n fer different styles o' image links",
     "tags": null,
     "title": "Images",
     "uri": "/pir/tests/images/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nTh' include shortcode includes other files from yer project inside o' th' current plank.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or also call this shortcode from yer own partials.\nshortcode shortcode (positional) partial {{% include file=\"shortcodes/INCLUDE_ME.md\" %}} {{% include \"shortcodes/INCLUDE_ME.md\" %}} {{ partial \"shortcodes/include .html\" (dict \"context\" . \"file\" \"shortcodes/INCLUDE_ME.md\" )}} Th' included files can even contain Marrrkdown an' will be taken into account when generat'n th' t'ble o' contents.\nParameter Name Posit'n Default Notes file 1 \u003cempty\u003e Th' path t' th' file t' be included. Path resolut'n adheres t' Hugo’s build-in readFile funct'n hidefirsthead'n 2 false When true an' th' included file contains head'ns, th' first head'n will be hidden. This comes 'n handy, eg. if ye include otherwise standalone Marrrkdown files. Examples Arbitrary Rrrambl'n {{% include \"shortcodes/INCLUDE_ME.md\" %}} Ye can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc. ...and even source code th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) (almost - includ'n other shorrrtcodes may or may not work)\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nTh' include shortcode includes other files from yer project inside o' th' current plank.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or also call this shortcode from yer own partials.\nshortcode shortcode (positional) partial {{% include file=\"shortcodes/INCLUDE_ME.md\" %}} {{% include \"shortcodes/INCLUDE_ME.md\" %}} {{ partial \"shortcodes/include .html\" (dict \"context\" . \"file\" \"shortcodes/INCLUDE_ME.md\" )}} Th' included files can even contain Marrrkdown an' will be taken into account when generat'n th' t'ble o' contents.\nParameter Name Posit'n Default Notes file 1 \u003cempty\u003e Th' path t' th' file t' be included. Path resolut'n adheres t' Hugo’s build-in readFile funct'n hidefirsthead'n 2 false When true an' th' included file contains head'ns, th' first head'n will be hidden. This comes 'n handy, eg. if ye include otherwise standalone Marrrkdown files. Examples Arbitrary Rrrambl'n {{% include \"shortcodes/INCLUDE_ME.md\" %}} Ye can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc. ...and even source code th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) (almost - includ'n other shorrrtcodes may or may not work)\n",
     "description": "",
     "tags": null,
     "title": "Include",
     "uri": "/pir/shortcodes/include/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nSemver This project tries t' follow th' semver policy - although not followed 100% 'n th' past.\nUsually an entry o' Break'n on th' What’s new plank causes a new major release number.\nAll other entries on th' What’s new plank will increase th' minor release number.\nReleases result'n 'n a new major or minor number be called main release.\nReleases contain'n bugixes only, be only increas'n th' patch release number. Those releases don’t result 'n announcements on th' What’s new plank.\nEntries on th' What’s new plank be checked an' enforced dur'n th' version-release GitHub Act'n.\nManag'n Issues Issues be categorized an' managed by assign'n labels t' it.\nOnce work'n on an issue, assign it t' a fitt'n maintainer.\nWhen done, close th' ticket. Once an issue be closed, it needs t' be assigned t' next release milestone.\nA once released ticket be not allowed t' be reopened an' rereleased 'n a different milestone. This would cause th' changelog t' be changed even fer th' milestone th' issue was previously released 'n. Instead write a new ticket.\nManag'n Pull Requests If a PR be merged an' closed it needs an accompanied issue assigned t'. If there be no issue fer a PR, th' maintainer needs t' create one.\nYe can assign multiple PRs t' one issue as long as they belong together.\nUsually set th' same labels an' milestone fer th' PR as fer th' accompanied issue.\nLabels Kind An issue that results 'n changesets must have exactly one o' th' follow'n labels. This needs t' be assigned latest before release.\nLabel Descript'n Changelog section documentat'n Improvements or addit'ns t' documentat'n - discussion This issue was converted t' a discussion - task Maintainence work Maintenance feature New feature or request Features bug Someth'n isn’t work'n Fixes Impact If th' issue would cause a new main release due t' semver semantics it needs one o' th' accord'n labels an' th' match'n badge on th' What’s new plank.\nLabel Descript'n change Introduces changes wit' exist'n installat'ns break'n Introduces break'n changes wit' exist'n installat'ns Declinat'n If an issue does not result 'n changesets but be closed anyways, it must have exactly one o' th' follow'n labels.\nLabel Descript'n duplicate This issue or pull request already exists invalid This doesn’t seem right unresolved No progress on this issue wontfix This will not be worked on Halt Ye can assign one further label out o' th' follow'n list t' signal readers that development on an open issue be currently halted fer different reasons.\nLabel Descript'n blocked Depends on other issue t' be fixed first idea A valu'ble idea that’s currently not worked on undecided No decission was made yet helpwanted Great idea, send 'n a PR needsfeedback Further informat'n be needed 3rd-Party If th' issue be not caused by a programm'n error 'n th' themes own code, ye can label th' caus'n program or library.\nLabel Descript'n browser This be a topic related t' th' browser but not th' theme hugo This be a topic related t' Cap'n Hugo itself but not th' theme mermaid This be a topic related t' Merrrmaid itself but not th' theme Mak'n Releases A release be based on a milestone named like th' release itself - just th' version number, eg: 1.2.3. It’s 'n th' maintainers responsiblity t' check semver semantics o' th' milestone’s name prior t' release an' change it if necessary.\nMak'n releases be automated by th' version-release GitHub Act'n. It requires th' version number o' th' milestone that should be released. Th' release will be created from th' main branch o' th' repository.\nTreat released milestones as immut'ble. Don’t rerelease an already released milestone. An already released milestone may already been consumed by yer users.\nDur'n execut'n o' th' act'n a few th'ns be checked. If a check fails th' act'n fails, result'n 'n no new release. Ye can correct th' errors afterwards an' rerun th' act'n.\nTh' follow'n checks will be enforced\nth' milestone exists there be at least one closed issue assigned t' th' milestone all assigned issues fer this milestone be closed if it’s a main release, there must be a new \u003cmajor\u003e.\u003cminor\u003e at th' beginn'n o' th' What’s new plank if it’s a patch release, there must be th' \u003cmajor\u003e.\u003cminor\u003e from th' previous release at th' beginn'n o' th' What’s new plank Aft a successful run o' th' act'n\nth' History plank be updated, includ'n release version, release date an' text th' What’s new plank be updated, includ'n release version, release date an' text th' version number fer th' \u003cmeta generator\u003e be updated th' updated files be commited th' milestone be closed th' repository be tagged wit' th' version number (eg. 1.2.3), th' main version number (eg. 1.2.x) an' th' major version number (eg. 1.x) a new entry 'n th' GitHub release list wit' th' accord'n changelog will be created th' official documentat'n be built an' deployed th' version number fer th' \u003cmeta generator\u003e be updated t' a temporary an' commited (this helps t' determine if users be runn'n directly on th' main branch or be us'n releases) a new milestone fer th' next patch release be created (this can later be renamed t' a main release if necessary) ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nSemver This project tries t' follow th' semver policy - although not followed 100% 'n th' past.\nUsually an entry o' Break'n on th' What’s new plank causes a new major release number.\nAll other entries on th' What’s new plank will increase th' minor release number.\nReleases result'n 'n a new major or minor number be called main release.\nReleases contain'n bugixes only, be only increas'n th' patch release number. Those releases don’t result 'n announcements on th' What’s new plank.\nEntries on th' What’s new plank be checked an' enforced dur'n th' version-release GitHub Act'n.\nManag'n Issues Issues be categorized an' managed by assign'n labels t' it.\nOnce work'n on an issue, assign it t' a fitt'n maintainer.\nWhen done, close th' ticket. Once an issue be closed, it needs t' be assigned t' next release milestone.\nA once released ticket be not allowed t' be reopened an' rereleased 'n a different milestone. This would cause th' changelog t' be changed even fer th' milestone th' issue was previously released 'n. Instead write a new ticket.\nManag'n Pull Requests If a PR be merged an' closed it needs an accompanied issue assigned t'. If there be no issue fer a PR, th' maintainer needs t' create one.\nYe can assign multiple PRs t' one issue as long as they belong together.\nUsually set th' same labels an' milestone fer th' PR as fer th' accompanied issue.\nLabels Kind An issue that results 'n changesets must have exactly one o' th' follow'n labels. This needs t' be assigned latest before release.\nLabel Descript'n Changelog section documentat'n Improvements or addit'ns t' documentat'n - discussion This issue was converted t' a discussion - task Maintainence work Maintenance feature New feature or request Features bug Someth'n isn’t work'n Fixes Impact If th' issue would cause a new main release due t' semver semantics it needs one o' th' accord'n labels an' th' match'n badge on th' What’s new plank.\nLabel Descript'n change Introduces changes wit' exist'n installat'ns break'n Introduces break'n changes wit' exist'n installat'ns Declinat'n If an issue does not result 'n changesets but be closed anyways, it must have exactly one o' th' follow'n labels.\nLabel Descript'n duplicate This issue or pull request already exists invalid This doesn’t seem right unresolved No progress on this issue wontfix This will not be worked on Halt Ye can assign one further label out o' th' follow'n list t' signal readers that development on an open issue be currently halted fer different reasons.\nLabel Descript'n blocked Depends on other issue t' be fixed first idea A valu'ble idea that’s currently not worked on undecided No decission was made yet helpwanted Great idea, send 'n a PR needsfeedback Further informat'n be needed 3rd-Party If th' issue be not caused by a programm'n error 'n th' themes own code, ye can label th' caus'n program or library.\nLabel Descript'n browser This be a topic related t' th' browser but not th' theme hugo This be a topic related t' Cap'n Hugo itself but not th' theme mermaid This be a topic related t' Merrrmaid itself but not th' theme Mak'n Releases A release be based on a milestone named like th' release itself - just th' version number, eg: 1.2.3. It’s 'n th' maintainers responsiblity t' check semver semantics o' th' milestone’s name prior t' release an' change it if necessary.\nMak'n releases be automated by th' version-release GitHub Act'n. It requires th' version number o' th' milestone that should be released. Th' release will be created from th' main branch o' th' repository.\nTreat released milestones as immut'ble. Don’t rerelease an already released milestone. An already released milestone may already been consumed by yer users.\nDur'n execut'n o' th' act'n a few th'ns be checked. If a check fails th' act'n fails, result'n 'n no new release. Ye can correct th' errors afterwards an' rerun th' act'n.\nTh' follow'n checks will be enforced\nth' milestone exists there be at least one closed issue assigned t' th' milestone all assigned issues fer this milestone be closed if it’s a main release, there must be a new \u003cmajor\u003e.\u003cminor\u003e at th' beginn'n o' th' What’s new plank if it’s a patch release, there must be th' \u003cmajor\u003e.\u003cminor\u003e from th' previous release at th' beginn'n o' th' What’s new plank Aft a successful run o' th' act'n\nth' History plank be updated, includ'n release version, release date an' text th' What’s new plank be updated, includ'n release version, release date an' text th' version number fer th' \u003cmeta generator\u003e be updated th' updated files be commited th' milestone be closed th' repository be tagged wit' th' version number (eg. 1.2.3), th' main version number (eg. 1.2.x) an' th' major version number (eg. 1.x) a new entry 'n th' GitHub release list wit' th' accord'n changelog will be created th' official documentat'n be built an' deployed th' version number fer th' \u003cmeta generator\u003e be updated t' a temporary an' commited (this helps t' determine if users be runn'n directly on th' main branch or be us'n releases) a new milestone fer th' next patch release be created (this can later be renamed t' a main release if necessary) ",
     "description": "What to know as a maintainer",
     "tags": null,
     "title": "Maintaining",
     "uri": "/pir/dev/maintaining/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nTh' math shortcode generates beautiful formatted math an' chemical formulae us'n th' MathJax library.\n$$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ Avast This only works 'n modern browsers.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter it be recommended t' use codefences instead. This be because more an' more other software supports Math codefences (eg. GitHub) an' so yer markdown becomes more port'ble.\nYe be free t' also call this shortcode from yer own partials.\nAvast T' use codefence rules ye have t' turn off guessSyntax fer th' marrrkup.highlight sett'n (see th' configurat'n section).\ncodefence shortcode partial ```math { align=\"center\" } $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ ``` {{\u003c math align=\"center\" \u003e}} $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ {{\u003c /math \u003e}} {{ partial \"shortcodes/math.html\" (dict \"context\" . \"content\" \"$$left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$\" \"align\" \"center\" )}} Parameter Name Default Notes align center Allowed values be left, center or right. \u003ccontent\u003e \u003cempty\u003e Yer formuale. Configurat'n MathJax be configured wit' default sett'ns. Ye can cust'mize MathJax’s default sett'ns fer all o' yer files thru a JSON object 'n yer config.toml or override these sett'ns per plank thru yer planks frontmatter.\nTh' JSON object o' yer config.toml / frontmatter be forwarded into MathJax’s configurat'n object.\nSee MathJax documentat'n fer all allowed sett'ns.\nAvast T' use codefence rules ye have t' turn off guessSyntax fer th' marrrkup.highlight sett'n.\nGlobal Configurat'n File [params] mathJaxInitialize = \"{ \\\"chtml\\\": { \\\"displayAlign\\\": \\\"left\\\" } }\" [marrrkup] [marrrkup.highlight] # if `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT Merrrmaid an' Math codefences will not work anymore! So this be a # mandatory sett'n fer yer ship if ye want t' use Math codefences guessSyntax = false Page’s Frontmatter +++ mathJaxInitialize = \"{ \\\"chtml\\\": { \\\"displayAlign\\\": \\\"left\\\" } }\" +++ Examples Inline Math Inline math be generated if ye use a single `$` as a delimiter around yer formulae: {{\u003c math \u003e}}$\\sqrt{3}${{\u003c /math \u003e}} Inline math be generated if ye use a single $ as a delimiter around yer formulae: $\\sqrt{3}$\nBlocklevel Math wit' Right Alignment If ye delimit yer formulae by two consecutive `$$` it generates a new block. {{\u003c math align=\"right\" \u003e}} $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ {{\u003c /math \u003e}} If ye delimit yer formulae by two consecutive $$ it generates a new block.\n$$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ Codefence Ye can also use codefences.\n```math $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ ``` $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$Chemical Formulae {{\u003c math \u003e}} $$\\ce{Hg^2+ -\u003e[I-] HgI2 -\u003e[I-] [Hg^{II}I4]^2-}$$ {{\u003c /math \u003e}} $$\\ce{Hg^2+ -\u003e[I-] HgI2 -\u003e[I-] [Hg^{II}I4]^2-}$$ ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nTh' math shortcode generates beautiful formatted math an' chemical formulae us'n th' MathJax library.\n$$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ Avast This only works 'n modern browsers.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter it be recommended t' use codefences instead. This be because more an' more other software supports Math codefences (eg. GitHub) an' so yer markdown becomes more port'ble.\nYe be free t' also call this shortcode from yer own partials.\nAvast T' use codefence rules ye have t' turn off guessSyntax fer th' marrrkup.highlight sett'n (see th' configurat'n section).\ncodefence shortcode partial ```math { align=\"center\" } $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ ``` {{\u003c math align=\"center\" \u003e}} $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ {{\u003c /math \u003e}} {{ partial \"shortcodes/math.html\" (dict \"context\" . \"content\" \"$$left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$\" \"align\" \"center\" )}} Parameter Name Default Notes align center Allowed values be left, center or right. \u003ccontent\u003e \u003cempty\u003e Yer formuale. Configurat'n MathJax be configured wit' default sett'ns. Ye can cust'mize MathJax’s default sett'ns fer all o' yer files thru a JSON object 'n yer config.toml or override these sett'ns per plank thru yer planks frontmatter.\nTh' JSON object o' yer config.toml / frontmatter be forwarded into MathJax’s configurat'n object.\nSee MathJax documentat'n fer all allowed sett'ns.\nAvast T' use codefence rules ye have t' turn off guessSyntax fer th' marrrkup.highlight sett'n.\nGlobal Configurat'n File [params] mathJaxInitialize = \"{ \\\"chtml\\\": { \\\"displayAlign\\\": \\\"left\\\" } }\" [marrrkup] [marrrkup.highlight] # if `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT Merrrmaid an' Math codefences will not work anymore! So this be a # mandatory sett'n fer yer ship if ye want t' use Math codefences guessSyntax = false Page’s Frontmatter +++ mathJaxInitialize = \"{ \\\"chtml\\\": { \\\"displayAlign\\\": \\\"left\\\" } }\" +++ Examples Inline Math Inline math be generated if ye use a single `$` as a delimiter around yer formulae: {{\u003c math \u003e}}$\\sqrt{3}${{\u003c /math \u003e}} Inline math be generated if ye use a single $ as a delimiter around yer formulae: $\\sqrt{3}$\nBlocklevel Math wit' Right Alignment If ye delimit yer formulae by two consecutive `$$` it generates a new block. {{\u003c math align=\"right\" \u003e}} $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ {{\u003c /math \u003e}} If ye delimit yer formulae by two consecutive $$ it generates a new block.\n$$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ Codefence Ye can also use codefences.\n```math $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ ``` $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$Chemical Formulae {{\u003c math \u003e}} $$\\ce{Hg^2+ -\u003e[I-] HgI2 -\u003e[I-] [Hg^{II}I4]^2-}$$ {{\u003c /math \u003e}} $$\\ce{Hg^2+ -\u003e[I-] HgI2 -\u003e[I-] [Hg^{II}I4]^2-}$$ ",
     "description": "",
     "tags": null,
     "title": "Math",
     "uri": "/pir/shortcodes/math/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nTh' mermaid shortcode generates diagrams an' flowcharts from text, 'n a similar manner as Marrrkdown us'n th' Merrrmaid library.\ngraph LR; If --\u003e Then Then --\u003e Else Avast This only works 'n modern browsers.\nArrr Due t' limitat'ns wit' Merrrmaid, it be currently not poss'ble t' use Merrrmaid code fences 'n an initially collapsed expand shortcode. This be a know issue an' can’t be fixed by this theme.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter it be recommended t' use codefences instead. This be because more an' more other software supports Merrrmaid codefences (eg. GitHub) an' so yer markdown becomes more port'ble.\nYe be free t' also call this shortcode from yer own partials.\nAvast T' use codefence rules ye have t' turn off guessSyntax fer th' marrrkup.highlight sett'n (see th' configurat'n section).\ncodefence shortcode partial ```mermaid { align=\"center\" zoom=\"true\" } graph LR; If --\u003e Then Then --\u003e Else ``` {{\u003c mermaid align=\"center\" zoom=\"true\" \u003e}} graph LR; If --\u003e Then Then --\u003e Else {{\u003c /mermaid \u003e}} {{ partial \"shortcodes/mermaid.html\" (dict \"context\" . \"content\" \"graph LR;\\nIf --\u003e Then\\nThen --\u003e Else\" \"align\" \"center\" \"zoom\" \"true\" )}} Th' generated graphs can be be panned by dragg'n them an' zoomed by us'n th' mousewheel. On mobile devices ye can use finger gestures.\nParameter Name Default Notes align center Allowed values be left, center or right. zoom see notes Whether th' graph be pan- an' zoom'ble.\nIf not set th' value be determined by th' mermaidZoom sett'n o' th' ship or th' planks frontmatter or false if not set at all.\n- false: no pan or zoom\n- true: pan an' zoom active \u003ccontent\u003e \u003cempty\u003e Yer Merrrmaid graph. Configurat'n Merrrmaid be configured wit' default sett'ns. Ye can cust'mize Mermaid’s default sett'ns fer all o' yer files thru a JSON object 'n yer config.toml, override these sett'ns per plank thru yer planks frontmatter or override these sett'n per diagramm thru diagram directives.\nTh' JSON object o' yer config.toml / frontmatter be forwarded into Mermaid’s mermaid.initialize() funct'n.\nSee Merrrmaid documentat'n fer all allowed sett'ns.\nTh' theme sett'n can also be set by yer used color variant. This will be th' sitewide default an' can - again - be overridden by yer sett'ns 'n config.toml, frontmatter or diagram directives.\nAvast T' use codefence rules ye have t' turn off guessSyntax fer th' marrrkup.highlight sett'n.\nGlobal Configurat'n File [params] mermaidInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" mermaidZoom = true [marrrkup] [marrrkup.highlight] # if `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT Merrrmaid an' Math codefences will not work anymore! So this be a # mandatory sett'n fer yer ship if ye want t' use Merrrmaid codefences guessSyntax = false Page’s Frontmatter +++ mermaidInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" mermaidZoom = true +++ Examples Flowchart wit' Non-Default Merrrmaid Theme {{\u003c mermaid \u003e}} %%{init:{\"theme\":\"forest\"}}%% graph LR; A[Hard edge] --\u003e|Link text| B(Round edge) B --\u003e C{\u003cstrong\u003eDecision\u003c/strong\u003e} C --\u003e|One| D[Result one] C --\u003e|Two| E[Result two] {{\u003c /mermaid \u003e}} %%{init:{\"theme\":\"forest\"}}%% graph LR; A[Hard edge] --\u003e|Link text| B(Round edge) B --\u003e C{\u003cstrong\u003eDecision\u003c/strong\u003e} C --\u003e|One| D[Result one] C --\u003e|Two| E[Result two] Sequence Diagram wit' Configurat'n Directive {{\u003c mermaid \u003e}} %%{init:{\"fontFamily\":\"monospace\", \"sequence\":{\"showSequenceNumbers\":true}}}%% sequenceDiagram Alice-\u003e\u003eJohn: Hello John, how be ye? loop Healthcheck John-\u003e\u003eJohn: Fight against hypochondria end Avast right o' John: Rational thoughts! John--\u003e\u003eAlice: Great! John-\u003e\u003eBob: How about ye? Bob--\u003e\u003eJohn: Jolly bloody! {{\u003c /mermaid \u003e}} %%{init:{\"fontFamily\":\"monospace\", \"sequence\":{\"showSequenceNumbers\":true}}}%% sequenceDiagram Alice-\u003e\u003eJohn: Hello John, how be ye? loop Healthcheck John-\u003e\u003eJohn: Fight against hypochondria end Note right of John: Rational thoughts! John--\u003e\u003eAlice: Great! John-\u003e\u003eBob: How about ye? Bob--\u003e\u003eJohn: Jolly bloody! Class Diagram wit' Codefence Rules ```mermaid classDiagram Animal \u003c|-- Duck Animal \u003c|-- Fish Animal \u003c|-- Zebra Animal : +int age Animal : +Str'n gender Animal: +isMammal() Animal: +mate() class Duck{ +Str'n beakColor +swim() +quack() } class Fish{ -int sizeInFeet -canEat() } class Zebra{ +bool is_wild +run() } ``` classDiagram Animal \u003c|-- Duck Animal \u003c|-- Fish Animal \u003c|-- Zebra Animal : +int age Animal : +Str'n gender Animal: +isMammal() Animal: +mate() class Duck{ +Str'n beakColor +swim() +quack() } class Fish{ -int sizeInFeet -canEat() } class Zebra{ +bool is_wild +run() }State Diagram Aligned t' th' Right {{\u003c mermaid align=\"right\" \u003e}} stateDiagram-v2 open: Open Door closed: Closed Door locked: Locked Door open --\u003e closed: Close closed --\u003e locked: Lock locked --\u003e closed: Unlock closed --\u003e open: Open {{\u003c /mermaid \u003e}} stateDiagram-v2 open: Open Door closed: Closed Door locked: Locked Door open --\u003e closed: Close closed --\u003e locked: Lock locked --\u003e closed: Unlock closed --\u003e open: Open Entity Relationship Model {{\u003c mermaid \u003e}} erDiagram CUSTOMER }|..|{ DELIVERY-ADDRESS : has CUSTOMER ||--o{ ORDER : places CUSTOMER ||--o{ INVOICE : \"li'ble for\" DELIVERY-ADDRESS ||--o{ ORDER : receives INVOICE ||--|{ ORDER : covers ORDER ||--|{ ORDER-ITEM : includes PRODUCT-CATEGORY ||--|{ PRODUCT : contains PRODUCT ||--o{ ORDER-ITEM : \"ordered in\" {{\u003c /mermaid \u003e}} erDiagram CUSTOMER }|..|{ DELIVERY-ADDRESS : has CUSTOMER ||--o{ ORDER : places CUSTOMER ||--o{ INVOICE : \"li'ble for\" DELIVERY-ADDRESS ||--o{ ORDER : receives INVOICE ||--|{ ORDER : covers ORDER ||--|{ ORDER-ITEM : includes PRODUCT-CATEGORY ||--|{ PRODUCT : contains PRODUCT ||--o{ ORDER-ITEM : \"ordered in\" User Journey {{\u003c mermaid \u003e}} journey title My work'n day section Go t' work Make tea: 5: Me Go upstairs: 3: Me Do work: 1: Me, Cat section Go home Go downstairs: 5: Me Sit down: 3: Me {{\u003c /mermaid \u003e}} journey title My work'n day section Go t' work Make tea: 5: Me Go upstairs: 3: Me Do work: 1: Me, Cat section Go home Go downstairs: 5: Me Sit down: 3: Me GANTT Chart {{\u003c mermaid \u003e}} gantt dateFormat YYYY-MM-DD title Add'n GANTT diagram functionality t' Merrrmaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, aft des2, 5d Future task2 : des4, aft des3, 5d section Critical tasks Completed task 'n th' critical line :crit, done, 2014-01-06,24h Implement parser an' jison :crit, done, aft des1, 2d Create tests fer parser :crit, active, 3d Future task 'n critical line :crit, 5d Create tests fer renderer :2d Add t' Merrrmaid :1d {{\u003c /mermaid \u003e}} gantt dateFormat YYYY-MM-DD title Add'n GANTT diagram functionality t' Merrrmaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, aft des2, 5d Future task2 : des4, aft des3, 5d section Critical tasks Completed task 'n th' critical line :crit, done, 2014-01-06,24h Implement parser an' jison :crit, done, aft des1, 2d Create tests fer parser :crit, active, 3d Future task 'n critical line :crit, 5d Create tests fer renderer :2d Add t' Merrrmaid :1d Pie Chart without Zoom {{\u003c mermaid zoom=\"false\" \u003e}} pie title Pets adopted by volunteers \"Dogs\" : 386 \"Cats\" : 85 \"Rats\" : 15 {{\u003c /mermaid \u003e}} pie title Pets adopted by volunteers \"Dogs\" : 386 \"Cats\" : 85 \"Rats\" : 15 Requirement Diagram {{\u003c mermaid \u003e}} requirementDiagram requirement test_req { id: 1 text: th' test text. risk: high verifymethod: test } element test_entity { type: simulat'n } test_entity - satisfies -\u003e test_req {{\u003c /mermaid \u003e}} requirementDiagram requirement test_req { id: 1 text: th' test text. risk: high verifymethod: test } element test_entity { type: simulat'n } test_entity - satisfies -\u003e test_req Git Graph {{\u003c mermaid \u003e}} gitGraph commit commit branch develop checkout develop commit commit checkout main merge develop commit commit {{\u003c /mermaid \u003e}} gitGraph commit commit branch develop checkout develop commit commit checkout main merge develop commit commit C4 Diagrams {{\u003c mermaid \u003e}} C4Context title System Context diagram fer Internet Bank'n System Enterprise_Boundary(b0, \"BankBoundary0\") { Person(customerA, \"Bank'n Customer A\", \"A customer o' th' bank, wit' personal bank accounts.\") Person(customerB, \"Bank'n Customer B\") Person_Ext(customerC, \"Bank'n Customer C\", \"desc\") Person(customerD, \"Bank'n Customer D\", \"A customer o' th' bank, \u003cbr/\u003e wit' personal bank accounts.\") System(SystemAA, \"Internet Bank'n System\", \"Allows customers t' view informat'n about their bank accounts, an' make payments.\") Enterprise_Boundary(b1, \"BankBoundary\") { SystemDb_Ext(SystemE, \"Mainframe Bank'n System\", \"Stores all o' th' core bank'n informat'n about customers, accounts, transact'ns, etc.\") System_Boundary(b2, \"BankBoundary2\") { System(SystemA, \"Bank'n System A\") System(SystemB, \"Bank'n System B\", \"A system o' th' bank, wit' personal bank accounts. next line.\") } System_Ext(SystemC, \"E-mail system\", \"The internal Microsoft Exchange e-mail system.\") SystemDb(SystemD, \"Bank'n System D Database\", \"A system o' th' bank, wit' personal bank accounts.\") Boundary(b3, \"BankBoundary3\", \"boundary\") { SystemQueue(SystemF, \"Bank'n System F Queue\", \"A system o' th' bank.\") SystemQueue_Ext(SystemG, \"Bank'n System G Queue\", \"A system o' th' bank, wit' personal bank accounts.\") } } } BiRel(customerA, SystemAA, \"Uses\") BiRel(SystemAA, SystemE, \"Uses\") Rel(SystemAA, SystemC, \"Sends e-mails\", \"SMTP\") Rel(SystemC, customerA, \"Sends e-mails to\") UpdateElementStyle(customerA, $fontColor=\"red\", $bgColor=\"grey\", $borderColor=\"red\") UpdateRelStyle(customerA, SystemAA, $textColor=\"blue\", $lineColor=\"blue\", $offsetX=\"5\") UpdateRelStyle(SystemAA, SystemE, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-10\") UpdateRelStyle(SystemAA, SystemC, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-40\", $offsetX=\"-50\") UpdateRelStyle(SystemC, customerA, $textColor=\"red\", $lineColor=\"red\", $offsetX=\"-50\", $offsetY=\"20\") UpdateLayoutConfig($c4ShapeInRow=\"3\", $c4BoundaryInRow=\"1\") {{\u003c /mermaid \u003e}} C4Context title System Context diagram fer Internet Bank'n System Enterprise_Boundary(b0, \"BankBoundary0\") { Person(customerA, \"Bank'n Customer A\", \"A customer o' th' bank, wit' personal bank accounts.\") Person(customerB, \"Bank'n Customer B\") Person_Ext(customerC, \"Bank'n Customer C\", \"desc\") Person(customerD, \"Bank'n Customer D\", \"A customer o' th' bank, \u003cbr/\u003e wit' personal bank accounts.\") System(SystemAA, \"Internet Bank'n System\", \"Allows customers t' view informat'n about their bank accounts, an' make payments.\") Enterprise_Boundary(b1, \"BankBoundary\") { SystemDb_Ext(SystemE, \"Mainframe Bank'n System\", \"Stores all o' th' core bank'n informat'n about customers, accounts, transact'ns, etc.\") System_Boundary(b2, \"BankBoundary2\") { System(SystemA, \"Bank'n System A\") System(SystemB, \"Bank'n System B\", \"A system o' th' bank, wit' personal bank accounts. next line.\") } System_Ext(SystemC, \"E-mail system\", \"The internal Microsoft Exchange e-mail system.\") SystemDb(SystemD, \"Bank'n System D Database\", \"A system o' th' bank, wit' personal bank accounts.\") Boundary(b3, \"BankBoundary3\", \"boundary\") { SystemQueue(SystemF, \"Bank'n System F Queue\", \"A system o' th' bank.\") SystemQueue_Ext(SystemG, \"Bank'n System G Queue\", \"A system o' th' bank, wit' personal bank accounts.\") } } } BiRel(customerA, SystemAA, \"Uses\") BiRel(SystemAA, SystemE, \"Uses\") Rel(SystemAA, SystemC, \"Sends e-mails\", \"SMTP\") Rel(SystemC, customerA, \"Sends e-mails to\") UpdateElementStyle(customerA, $fontColor=\"red\", $bgColor=\"grey\", $borderColor=\"red\") UpdateRelStyle(customerA, SystemAA, $textColor=\"blue\", $lineColor=\"blue\", $offsetX=\"5\") UpdateRelStyle(SystemAA, SystemE, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-10\") UpdateRelStyle(SystemAA, SystemC, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-40\", $offsetX=\"-50\") UpdateRelStyle(SystemC, customerA, $textColor=\"red\", $lineColor=\"red\", $offsetX=\"-50\", $offsetY=\"20\") UpdateLayoutConfig($c4ShapeInRow=\"3\", $c4BoundaryInRow=\"1\") ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nTh' mermaid shortcode generates diagrams an' flowcharts from text, 'n a similar manner as Marrrkdown us'n th' Merrrmaid library.\ngraph LR; If --\u003e Then Then --\u003e Else Avast This only works 'n modern browsers.\nArrr Due t' limitat'ns wit' Merrrmaid, it be currently not poss'ble t' use Merrrmaid code fences 'n an initially collapsed expand shortcode. This be a know issue an' can’t be fixed by this theme.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter it be recommended t' use codefences instead. This be because more an' more other software supports Merrrmaid codefences (eg. GitHub) an' so yer markdown becomes more port'ble.\nYe be free t' also call this shortcode from yer own partials.\nAvast T' use codefence rules ye have t' turn off guessSyntax fer th' marrrkup.highlight sett'n (see th' configurat'n section).\ncodefence shortcode partial ```mermaid { align=\"center\" zoom=\"true\" } graph LR; If --\u003e Then Then --\u003e Else ``` {{\u003c mermaid align=\"center\" zoom=\"true\" \u003e}} graph LR; If --\u003e Then Then --\u003e Else {{\u003c /mermaid \u003e}} {{ partial \"shortcodes/mermaid.html\" (dict \"context\" . \"content\" \"graph LR;\\nIf --\u003e Then\\nThen --\u003e Else\" \"align\" \"center\" \"zoom\" \"true\" )}} Th' generated graphs can be be panned by dragg'n them an' zoomed by us'n th' mousewheel. On mobile devices ye can use finger gestures.\nParameter Name Default Notes align center Allowed values be left, center or right. zoom see notes Whether th' graph be pan- an' zoom'ble.\nIf not set th' value be determined by th' mermaidZoom sett'n o' th' ship or th' planks frontmatter or false if not set at all.\n- false: no pan or zoom\n- true: pan an' zoom active \u003ccontent\u003e \u003cempty\u003e Yer Merrrmaid graph. Configurat'n Merrrmaid be configured wit' default sett'ns. Ye can cust'mize Mermaid’s default sett'ns fer all o' yer files thru a JSON object 'n yer config.toml, override these sett'ns per plank thru yer planks frontmatter or override these sett'n per diagramm thru diagram directives.\nTh' JSON object o' yer config.toml / frontmatter be forwarded into Mermaid’s mermaid.initialize() funct'n.\nSee Merrrmaid documentat'n fer all allowed sett'ns.\nTh' theme sett'n can also be set by yer used color variant. This will be th' sitewide default an' can - again - be overridden by yer sett'ns 'n config.toml, frontmatter or diagram directives.\nAvast T' use codefence rules ye have t' turn off guessSyntax fer th' marrrkup.highlight sett'n.\nGlobal Configurat'n File [params] mermaidInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" mermaidZoom = true [marrrkup] [marrrkup.highlight] # if `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT Merrrmaid an' Math codefences will not work anymore! So this be a # mandatory sett'n fer yer ship if ye want t' use Merrrmaid codefences guessSyntax = false Page’s Frontmatter +++ mermaidInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" mermaidZoom = true +++ Examples Flowchart wit' Non-Default Merrrmaid Theme {{\u003c mermaid \u003e}} %%{init:{\"theme\":\"forest\"}}%% graph LR; A[Hard edge] --\u003e|Link text| B(Round edge) B --\u003e C{\u003cstrong\u003eDecision\u003c/strong\u003e} C --\u003e|One| D[Result one] C --\u003e|Two| E[Result two] {{\u003c /mermaid \u003e}} %%{init:{\"theme\":\"forest\"}}%% graph LR; A[Hard edge] --\u003e|Link text| B(Round edge) B --\u003e C{\u003cstrong\u003eDecision\u003c/strong\u003e} C --\u003e|One| D[Result one] C --\u003e|Two| E[Result two] Sequence Diagram wit' Configurat'n Directive {{\u003c mermaid \u003e}} %%{init:{\"fontFamily\":\"monospace\", \"sequence\":{\"showSequenceNumbers\":true}}}%% sequenceDiagram Alice-\u003e\u003eJohn: Hello John, how be ye? loop Healthcheck John-\u003e\u003eJohn: Fight against hypochondria end Avast right o' John: Rational thoughts! John--\u003e\u003eAlice: Great! John-\u003e\u003eBob: How about ye? Bob--\u003e\u003eJohn: Jolly bloody! {{\u003c /mermaid \u003e}} %%{init:{\"fontFamily\":\"monospace\", \"sequence\":{\"showSequenceNumbers\":true}}}%% sequenceDiagram Alice-\u003e\u003eJohn: Hello John, how be ye? loop Healthcheck John-\u003e\u003eJohn: Fight against hypochondria end Note right of John: Rational thoughts! John--\u003e\u003eAlice: Great! John-\u003e\u003eBob: How about ye? Bob--\u003e\u003eJohn: Jolly bloody! Class Diagram wit' Codefence Rules ```mermaid classDiagram Animal \u003c|-- Duck Animal \u003c|-- Fish Animal \u003c|-- Zebra Animal : +int age Animal : +Str'n gender Animal: +isMammal() Animal: +mate() class Duck{ +Str'n beakColor +swim() +quack() } class Fish{ -int sizeInFeet -canEat() } class Zebra{ +bool is_wild +run() } ``` classDiagram Animal \u003c|-- Duck Animal \u003c|-- Fish Animal \u003c|-- Zebra Animal : +int age Animal : +Str'n gender Animal: +isMammal() Animal: +mate() class Duck{ +Str'n beakColor +swim() +quack() } class Fish{ -int sizeInFeet -canEat() } class Zebra{ +bool is_wild +run() }State Diagram Aligned t' th' Right {{\u003c mermaid align=\"right\" \u003e}} stateDiagram-v2 open: Open Door closed: Closed Door locked: Locked Door open --\u003e closed: Close closed --\u003e locked: Lock locked --\u003e closed: Unlock closed --\u003e open: Open {{\u003c /mermaid \u003e}} stateDiagram-v2 open: Open Door closed: Closed Door locked: Locked Door open --\u003e closed: Close closed --\u003e locked: Lock locked --\u003e closed: Unlock closed --\u003e open: Open Entity Relationship Model {{\u003c mermaid \u003e}} erDiagram CUSTOMER }|..|{ DELIVERY-ADDRESS : has CUSTOMER ||--o{ ORDER : places CUSTOMER ||--o{ INVOICE : \"li'ble for\" DELIVERY-ADDRESS ||--o{ ORDER : receives INVOICE ||--|{ ORDER : covers ORDER ||--|{ ORDER-ITEM : includes PRODUCT-CATEGORY ||--|{ PRODUCT : contains PRODUCT ||--o{ ORDER-ITEM : \"ordered in\" {{\u003c /mermaid \u003e}} erDiagram CUSTOMER }|..|{ DELIVERY-ADDRESS : has CUSTOMER ||--o{ ORDER : places CUSTOMER ||--o{ INVOICE : \"li'ble for\" DELIVERY-ADDRESS ||--o{ ORDER : receives INVOICE ||--|{ ORDER : covers ORDER ||--|{ ORDER-ITEM : includes PRODUCT-CATEGORY ||--|{ PRODUCT : contains PRODUCT ||--o{ ORDER-ITEM : \"ordered in\" User Journey {{\u003c mermaid \u003e}} journey title My work'n day section Go t' work Make tea: 5: Me Go upstairs: 3: Me Do work: 1: Me, Cat section Go home Go downstairs: 5: Me Sit down: 3: Me {{\u003c /mermaid \u003e}} journey title My work'n day section Go t' work Make tea: 5: Me Go upstairs: 3: Me Do work: 1: Me, Cat section Go home Go downstairs: 5: Me Sit down: 3: Me GANTT Chart {{\u003c mermaid \u003e}} gantt dateFormat YYYY-MM-DD title Add'n GANTT diagram functionality t' Merrrmaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, aft des2, 5d Future task2 : des4, aft des3, 5d section Critical tasks Completed task 'n th' critical line :crit, done, 2014-01-06,24h Implement parser an' jison :crit, done, aft des1, 2d Create tests fer parser :crit, active, 3d Future task 'n critical line :crit, 5d Create tests fer renderer :2d Add t' Merrrmaid :1d {{\u003c /mermaid \u003e}} gantt dateFormat YYYY-MM-DD title Add'n GANTT diagram functionality t' Merrrmaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, aft des2, 5d Future task2 : des4, aft des3, 5d section Critical tasks Completed task 'n th' critical line :crit, done, 2014-01-06,24h Implement parser an' jison :crit, done, aft des1, 2d Create tests fer parser :crit, active, 3d Future task 'n critical line :crit, 5d Create tests fer renderer :2d Add t' Merrrmaid :1d Pie Chart without Zoom {{\u003c mermaid zoom=\"false\" \u003e}} pie title Pets adopted by volunteers \"Dogs\" : 386 \"Cats\" : 85 \"Rats\" : 15 {{\u003c /mermaid \u003e}} pie title Pets adopted by volunteers \"Dogs\" : 386 \"Cats\" : 85 \"Rats\" : 15 Requirement Diagram {{\u003c mermaid \u003e}} requirementDiagram requirement test_req { id: 1 text: th' test text. risk: high verifymethod: test } element test_entity { type: simulat'n } test_entity - satisfies -\u003e test_req {{\u003c /mermaid \u003e}} requirementDiagram requirement test_req { id: 1 text: th' test text. risk: high verifymethod: test } element test_entity { type: simulat'n } test_entity - satisfies -\u003e test_req Git Graph {{\u003c mermaid \u003e}} gitGraph commit commit branch develop checkout develop commit commit checkout main merge develop commit commit {{\u003c /mermaid \u003e}} gitGraph commit commit branch develop checkout develop commit commit checkout main merge develop commit commit C4 Diagrams {{\u003c mermaid \u003e}} C4Context title System Context diagram fer Internet Bank'n System Enterprise_Boundary(b0, \"BankBoundary0\") { Person(customerA, \"Bank'n Customer A\", \"A customer o' th' bank, wit' personal bank accounts.\") Person(customerB, \"Bank'n Customer B\") Person_Ext(customerC, \"Bank'n Customer C\", \"desc\") Person(customerD, \"Bank'n Customer D\", \"A customer o' th' bank, \u003cbr/\u003e wit' personal bank accounts.\") System(SystemAA, \"Internet Bank'n System\", \"Allows customers t' view informat'n about their bank accounts, an' make payments.\") Enterprise_Boundary(b1, \"BankBoundary\") { SystemDb_Ext(SystemE, \"Mainframe Bank'n System\", \"Stores all o' th' core bank'n informat'n about customers, accounts, transact'ns, etc.\") System_Boundary(b2, \"BankBoundary2\") { System(SystemA, \"Bank'n System A\") System(SystemB, \"Bank'n System B\", \"A system o' th' bank, wit' personal bank accounts. next line.\") } System_Ext(SystemC, \"E-mail system\", \"The internal Microsoft Exchange e-mail system.\") SystemDb(SystemD, \"Bank'n System D Database\", \"A system o' th' bank, wit' personal bank accounts.\") Boundary(b3, \"BankBoundary3\", \"boundary\") { SystemQueue(SystemF, \"Bank'n System F Queue\", \"A system o' th' bank.\") SystemQueue_Ext(SystemG, \"Bank'n System G Queue\", \"A system o' th' bank, wit' personal bank accounts.\") } } } BiRel(customerA, SystemAA, \"Uses\") BiRel(SystemAA, SystemE, \"Uses\") Rel(SystemAA, SystemC, \"Sends e-mails\", \"SMTP\") Rel(SystemC, customerA, \"Sends e-mails to\") UpdateElementStyle(customerA, $fontColor=\"red\", $bgColor=\"grey\", $borderColor=\"red\") UpdateRelStyle(customerA, SystemAA, $textColor=\"blue\", $lineColor=\"blue\", $offsetX=\"5\") UpdateRelStyle(SystemAA, SystemE, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-10\") UpdateRelStyle(SystemAA, SystemC, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-40\", $offsetX=\"-50\") UpdateRelStyle(SystemC, customerA, $textColor=\"red\", $lineColor=\"red\", $offsetX=\"-50\", $offsetY=\"20\") UpdateLayoutConfig($c4ShapeInRow=\"3\", $c4BoundaryInRow=\"1\") {{\u003c /mermaid \u003e}} C4Context title System Context diagram fer Internet Bank'n System Enterprise_Boundary(b0, \"BankBoundary0\") { Person(customerA, \"Bank'n Customer A\", \"A customer o' th' bank, wit' personal bank accounts.\") Person(customerB, \"Bank'n Customer B\") Person_Ext(customerC, \"Bank'n Customer C\", \"desc\") Person(customerD, \"Bank'n Customer D\", \"A customer o' th' bank, \u003cbr/\u003e wit' personal bank accounts.\") System(SystemAA, \"Internet Bank'n System\", \"Allows customers t' view informat'n about their bank accounts, an' make payments.\") Enterprise_Boundary(b1, \"BankBoundary\") { SystemDb_Ext(SystemE, \"Mainframe Bank'n System\", \"Stores all o' th' core bank'n informat'n about customers, accounts, transact'ns, etc.\") System_Boundary(b2, \"BankBoundary2\") { System(SystemA, \"Bank'n System A\") System(SystemB, \"Bank'n System B\", \"A system o' th' bank, wit' personal bank accounts. next line.\") } System_Ext(SystemC, \"E-mail system\", \"The internal Microsoft Exchange e-mail system.\") SystemDb(SystemD, \"Bank'n System D Database\", \"A system o' th' bank, wit' personal bank accounts.\") Boundary(b3, \"BankBoundary3\", \"boundary\") { SystemQueue(SystemF, \"Bank'n System F Queue\", \"A system o' th' bank.\") SystemQueue_Ext(SystemG, \"Bank'n System G Queue\", \"A system o' th' bank, wit' personal bank accounts.\") } } } BiRel(customerA, SystemAA, \"Uses\") BiRel(SystemAA, SystemE, \"Uses\") Rel(SystemAA, SystemC, \"Sends e-mails\", \"SMTP\") Rel(SystemC, customerA, \"Sends e-mails to\") UpdateElementStyle(customerA, $fontColor=\"red\", $bgColor=\"grey\", $borderColor=\"red\") UpdateRelStyle(customerA, SystemAA, $textColor=\"blue\", $lineColor=\"blue\", $offsetX=\"5\") UpdateRelStyle(SystemAA, SystemE, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-10\") UpdateRelStyle(SystemAA, SystemC, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-40\", $offsetX=\"-50\") UpdateRelStyle(SystemC, customerA, $textColor=\"red\", $lineColor=\"red\", $offsetX=\"-50\", $offsetY=\"20\") UpdateLayoutConfig($c4ShapeInRow=\"3\", $c4BoundaryInRow=\"1\") ",
     "description": "",
     "tags": null,
     "title": "Merrrmaid",
@@ -428,14 +428,14 @@ var relearn_search_index = [
     "uri": "/pir/tags/non-hidden/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nTh' notice shortcode shows various types o' disclaimers wit' adjust'ble color, title an' ay'con t' help ye structure yer plank.\nThere may be pirates It be all about th' boxes.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional as well or also call this shortcode from yer own partials.\nshortcode shortcode (positional) partial {{% notice style=\"primary\" title=\"There may be pirates\" ay'con=\"skull-crossbones\" %}} It be all about th' boxes. {{% /notice %}} {{% notice primary \"There may be pirates\" \"skull-crossbones\" %}} It be all about th' boxes. {{% /notice %}} {{ partial \"shortcodes/notice.html\" (dict \"context\" . \"style\" \"primary\" \"title\" \"There may be pirates\" \"icon\" \"skull-crossbones\" \"content\" \"It be all about th' boxes.\" )}} Parameter Name Posit'n Default Notes style 1 default Th' style scheme used fer th' box.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color title 2 see notes Arbitrary text fer th' box title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con 3 see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text t' be displayed 'n box. Examples By Severity Ahoi wit' marrrkup {{% notice style=\"info\" %}} An **informat'n** disclaimer Ye can add standard markdown rules: - multiple paragraphs - bullet point lists - _emphasized_, **bold** an' even ***bold emphasized*** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) {{% /notice %}} Ahoi An informat'n disclaimer\nYe can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc. ...and even source code th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work)\nAvast {{% notice style=\"note\" %}} A **notice** disclaimer {{% /notice %}} Avast A notice disclaimer\nSmarrrt Arrrse {{% notice style=\"tip\" %}} A **tip** disclaimer Smarrrt Arrrse A tip disclaimer\nArrr {{% notice style=\"warning\" %}} A **warning** disclaimer {{% /notice %}} Arrr A warning disclaimer\nArrr wit' Non-Default Title an' Ay'con {{% notice style=\"warning\" title=\"Here be dragons\" ay'con=\"dragon\" %}} A **warning** disclaimer {{% /notice %}} Here be dragons A warning disclaimer\nArrr without a Title an' Ay'con {{% notice style=\"warning\" title=\" \" ay'con=\" \" %}} A **warning** disclaimer {{% /notice %}} A warning disclaimer\nBy Brand Colors Primary wit' Title only {{% notice style=\"primary\" title=\"Primary\" %}} A **primary** disclaimer {{% /notice %}} Primary A primary disclaimer\nSecondary wit' Ay'con only {{% notice style=\"secondary\" ay'con=\"stopwatch\" %}} A **secondary** disclaimer {{% /notice %}} A secondary disclaimer\nAccent {{% notice style=\"accent\" %}} An **accent** disclaimer {{% /notice %}} An accent disclaimer\nBy Color Blue without a Title an' Ay'con {{% notice style=\"blue\" %}} A **blue** disclaimer {{% /notice %}} A blue disclaimer\nGreen wit' Title only {{% notice style=\"green\" title=\"Green\" %}} A **green** disclaimer {{% /notice %}} Green A green disclaimer\nGrey wit' Ay'con only {{% notice style=\"grey\" ay'con=\"bug\" %}} A **grey** disclaimer {{% /notice %}} A grey disclaimer\nOrange wit' Title an' Ay'con {{% notice style=\"orange\" title=\"Orange\" ay'con=\"bug\" %}} A **orange** disclaimer {{% /notice %}} Orange A orange disclaimer\nRed without a Title an' Ay'con {{% notice style=\"red\" %}} A **red** disclaimer {{% /notice %}} A red disclaimer\nBy Special Color Default wit' Positional Parameter {{% notice default \"Pay Attent'n t' this Avast!\" \"skull-crossbones\" %}} Some serious informat'n. {{% /notice %}} Pay Attent'n t' this Avast! Some serious informat'n.\nTransparent wit' Title an' Ay'con {{% notice style=\"transparent\" title=\"Pay Attent'n t' this Avast!\" ay'con=\"skull-crossbones\" %}} Some serious informat'n. {{% /notice %}} Pay Attent'n t' this Avast! Some serious informat'n.\nWit' User-Defined Color an' Font Awesome Brand Ay'con {{% notice color=\"fuchsia\" title=\"Hugo\" ay'con=\"fab fa-hackerrank\" %}} Victor? Be it ye? {{% /notice %}} Cap'n Hugo Victor? Be it ye?\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nTh' notice shortcode shows various types o' disclaimers wit' adjust'ble color, title an' ay'con t' help ye structure yer plank.\nThere may be pirates It be all about th' boxes.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional as well or also call this shortcode from yer own partials.\nshortcode shortcode (positional) partial {{% notice style=\"primary\" title=\"There may be pirates\" ay'con=\"skull-crossbones\" %}} It be all about th' boxes. {{% /notice %}} {{% notice primary \"There may be pirates\" \"skull-crossbones\" %}} It be all about th' boxes. {{% /notice %}} {{ partial \"shortcodes/notice.html\" (dict \"context\" . \"style\" \"primary\" \"title\" \"There may be pirates\" \"icon\" \"skull-crossbones\" \"content\" \"It be all about th' boxes.\" )}} Parameter Name Posit'n Default Notes style 1 default Th' style scheme used fer th' box.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color title 2 see notes Arbitrary text fer th' box title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con 3 see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text t' be displayed 'n box. Examples By Severity Ahoi wit' marrrkup {{% notice style=\"info\" %}} An **informat'n** disclaimer Ye can add standard markdown rules: - multiple paragraphs - bullet point lists - _emphasized_, **bold** an' even ***bold emphasized*** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) {{% /notice %}} Ahoi An informat'n disclaimer\nYe can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc. ...and even source code th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work)\nAvast {{% notice style=\"note\" %}} A **notice** disclaimer {{% /notice %}} Avast A notice disclaimer\nSmarrrt Arrrse {{% notice style=\"tip\" %}} A **tip** disclaimer Smarrrt Arrrse A tip disclaimer\nArrr {{% notice style=\"warning\" %}} A **warning** disclaimer {{% /notice %}} Arrr A warning disclaimer\nArrr wit' Non-Default Title an' Ay'con {{% notice style=\"warning\" title=\"Here be dragons\" ay'con=\"dragon\" %}} A **warning** disclaimer {{% /notice %}} Here be dragons A warning disclaimer\nArrr without a Title an' Ay'con {{% notice style=\"warning\" title=\" \" ay'con=\" \" %}} A **warning** disclaimer {{% /notice %}} A warning disclaimer\nBy Brand Colors Primary wit' Title only {{% notice style=\"primary\" title=\"Primary\" %}} A **primary** disclaimer {{% /notice %}} Primary A primary disclaimer\nSecondary wit' Ay'con only {{% notice style=\"secondary\" ay'con=\"stopwatch\" %}} A **secondary** disclaimer {{% /notice %}} A secondary disclaimer\nAccent {{% notice style=\"accent\" %}} An **accent** disclaimer {{% /notice %}} An accent disclaimer\nBy Color Blue without a Title an' Ay'con {{% notice style=\"blue\" %}} A **blue** disclaimer {{% /notice %}} A blue disclaimer\nGreen wit' Title only {{% notice style=\"green\" title=\"Green\" %}} A **green** disclaimer {{% /notice %}} Green A green disclaimer\nGrey wit' Ay'con only {{% notice style=\"grey\" ay'con=\"bug\" %}} A **grey** disclaimer {{% /notice %}} A grey disclaimer\nOrange wit' Title an' Ay'con {{% notice style=\"orange\" title=\"Orange\" ay'con=\"bug\" %}} A **orange** disclaimer {{% /notice %}} Orange A orange disclaimer\nRed without a Title an' Ay'con {{% notice style=\"red\" %}} A **red** disclaimer {{% /notice %}} A red disclaimer\nBy Special Color Default wit' Positional Parameter {{% notice default \"Pay Attent'n t' this Avast!\" \"skull-crossbones\" %}} Some serious informat'n. {{% /notice %}} Pay Attent'n t' this Avast! Some serious informat'n.\nTransparent wit' Title an' Ay'con {{% notice style=\"transparent\" title=\"Pay Attent'n t' this Avast!\" ay'con=\"skull-crossbones\" %}} Some serious informat'n. {{% /notice %}} Pay Attent'n t' this Avast! Some serious informat'n.\nWit' User-Defined Color an' Font Awesome Brand Ay'con {{% notice color=\"fuchsia\" title=\"Hugo\" ay'con=\"fab fa-hackerrank\" %}} Victor? Be it ye? {{% /notice %}} Cap'n Hugo Victor? Be it ye?\n",
     "description": "",
     "tags": null,
     "title": "Notice",
     "uri": "/pir/shortcodes/notice/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nThis be a demo child plank wit' a hidden child. Ye can still access th' hidden child directly or via th' search.\nSubpages o' this plank plank 1-1-1 (hidden) plank 1-1-2 plank 1-1-3 ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nThis be a demo child plank wit' a hidden child. Ye can still access th' hidden child directly or via th' search.\nSubpages o' this plank plank 1-1-1 (hidden) plank 1-1-2 plank 1-1-3 ",
     "description": "",
     "tags": [
       "children",
@@ -445,7 +445,7 @@ var relearn_search_index = [
     "uri": "/pir/shortcodes/children/children-1/children-1-1/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nThis be a hidden demo child plank. This plank an' all its children be hidden 'n th' menu, arrow navigat'n an' children shortcode as long as ye aren’t view'n this plank or its children directly.\nSubpages o' this plank plank 1-1-1-1 ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nThis be a hidden demo child plank. This plank an' all its children be hidden 'n th' menu, arrow navigat'n an' children shortcode as long as ye aren’t view'n this plank or its children directly.\nSubpages o' this plank plank 1-1-1-1 ",
     "description": "",
     "tags": [
       "children",
@@ -455,7 +455,7 @@ var relearn_search_index = [
     "uri": "/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nThis be a non-hidden demo child plank o' a hidden parent plank wit' a hidden child. Ye can still access th' hidden child directly or via th' search.\nSubpages o' this plank plank 1-1-1-1-1 (hidden) ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nThis be a non-hidden demo child plank o' a hidden parent plank wit' a hidden child. Ye can still access th' hidden child directly or via th' search.\nSubpages o' this plank plank 1-1-1-1-1 (hidden) ",
     "description": "",
     "tags": [
       "children",
@@ -465,7 +465,7 @@ var relearn_search_index = [
     "uri": "/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nThis be a hidden demo child plank. This plank an' all its children be hidden 'n th' menu, arrow navigat'n an' children shortcode as long as ye aren’t view'n this plank or its children directly.\nSubpages o' this plank plank 1-1-1-1-1-1 ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nThis be a hidden demo child plank. This plank an' all its children be hidden 'n th' menu, arrow navigat'n an' children shortcode as long as ye aren’t view'n this plank or its children directly.\nSubpages o' this plank plank 1-1-1-1-1-1 ",
     "description": "",
     "tags": [
       "children",
@@ -475,7 +475,7 @@ var relearn_search_index = [
     "uri": "/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"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nThis be a non-hidden demo child plank o' a hidden parent plank.\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nThis be a non-hidden demo child plank o' a hidden parent plank.\n",
     "description": "",
     "tags": [
       "children",
@@ -485,7 +485,7 @@ var relearn_search_index = [
     "uri": "/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"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nThis be a plain demo child plank.\nSubpages o' this plank plank 1-1-2-1 plank 1-1-2-2 ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nThis be a plain demo child plank.\nSubpages o' this plank plank 1-1-2-1 plank 1-1-2-2 ",
     "description": "",
     "tags": [
       "children",
@@ -495,7 +495,7 @@ var relearn_search_index = [
     "uri": "/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nThis be a plain demo child plank.\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nThis be a plain demo child plank.\n",
     "description": "",
     "tags": [
       "children",
@@ -505,7 +505,7 @@ var relearn_search_index = [
     "uri": "/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nThis be a plain demo child plank.\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nThis be a plain demo child plank.\n",
     "description": "",
     "tags": [
       "children",
@@ -515,7 +515,7 @@ var relearn_search_index = [
     "uri": "/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nThis be a plain demo child plank.\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nThis be a plain demo child plank.\n",
     "description": "",
     "tags": [
       "children",
@@ -525,7 +525,7 @@ var relearn_search_index = [
     "uri": "/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nThis be a plain demo child plank.\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nThis be a plain demo child plank.\n",
     "description": "",
     "tags": [
       "children",
@@ -535,42 +535,42 @@ var relearn_search_index = [
     "uri": "/pir/shortcodes/children/children-3/test3/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nSometimes screenshots need t' be redone. This plank explains how t' create th' different screenshots, tools an' sett'ns\nCommon Creat'n:\nUse English translat'n Empty search Remove history checkmarks but leave it on th' plank thats used fer th' screenshot Aft resize o' th' plank into th' required resolut'n, reload th' plank t' have all scrollbars 'n default load'n posit'n Demo Screenshot Rrrambl'n:\nA meaningful full-screen screenshot o' an interest'n plank.\nTh' rrrambl'n should be:\ntimeless: not show'n any dates or often edited rrrambl'n interest'n: show a bunch o' interest'n elements like head'ns, code, etc balanced: no clutter'n wit' overpresent elements or color'n aligned: aligned outlines Used by:\nCap'n Hugo Themes info: https://themes.gohugo.io/themes/hugo-theme-relearn/ 1000 x 1500 @ 1 Plank URL: Screenshot Link\nCreat'n:\nsave as images/screenshot.png Remarks:\nTh' locat'n be mandatory due t' Hugo’s theme ship builder.\nPreview images/screenshot.png Hero Image Rrrambl'n:\nShow th' Demo Screenshot plank on different devices an' different themes. Composit'n o' th' different device screenshots into a template.\nTh' rrrambl'n should be:\nconsistent: always use th' same plank fer all devices pleas'n: use a delightful background Used by:\nCap'n Hugo Themes gallery: https://themes.gohugo.io/tags/docs/ 900 x 600 Cap'n Hugo Themes notes: https://themes.gohugo.io/themes/hugo-theme-relearn/ 1280 x 640 GitHub project ship: https://github.com/McShelby/hugo-theme-relearn 1280 x 640 GitHub social media preview: https://github.com/McShelby/hugo-theme-relearn/sett'ns 1280 x 640 Plank URL: Hero Image Link\nCreat'n:\nTemplate: http://www.pixeden.com/psd-web-elements/psd-screen-web-showcase Desktop: light theme 1440 x 900 @ 1 Tablet: light theme 778 x 1038 @ 1 Phone: dark theme 450 x 801 @ .666 From original template size resize t' 2700 x 1800 centered, scale t' 900 x 600 an' save as images/tn.png From original template size resize t' 3000 x 1500 offset y: -330, scale t' 1280 x 640 an' save as images/hero.png Remarks:\nTh' locat'n o' images/tn.png be mandatory due t' Hugo’s theme ship builder.\nPreview images/hero.png Preview images/tn.png ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nSometimes screenshots need t' be redone. This plank explains how t' create th' different screenshots, tools an' sett'ns\nCommon Creat'n:\nUse English translat'n Empty search Remove history checkmarks but leave it on th' plank thats used fer th' screenshot Aft resize o' th' plank into th' required resolut'n, reload th' plank t' have all scrollbars 'n default load'n posit'n Demo Screenshot Rrrambl'n:\nA meaningful full-screen screenshot o' an interest'n plank.\nTh' rrrambl'n should be:\ntimeless: not show'n any dates or often edited rrrambl'n interest'n: show a bunch o' interest'n elements like head'ns, code, etc balanced: no clutter'n wit' overpresent elements or color'n aligned: aligned outlines Used by:\nCap'n Hugo Themes info: https://themes.gohugo.io/themes/hugo-theme-relearn/ 1000 x 1500 @ 1 Plank URL: Screenshot Link\nCreat'n:\nsave as images/screenshot.png Remarks:\nTh' locat'n be mandatory due t' Hugo’s theme ship builder.\nPreview images/screenshot.png Hero Image Rrrambl'n:\nShow th' Demo Screenshot plank on different devices an' different themes. Composit'n o' th' different device screenshots into a template.\nTh' rrrambl'n should be:\nconsistent: always use th' same plank fer all devices pleas'n: use a delightful background Used by:\nCap'n Hugo Themes gallery: https://themes.gohugo.io/tags/docs/ 900 x 600 Cap'n Hugo Themes notes: https://themes.gohugo.io/themes/hugo-theme-relearn/ 1280 x 640 GitHub project ship: https://github.com/McShelby/hugo-theme-relearn 1280 x 640 GitHub social media preview: https://github.com/McShelby/hugo-theme-relearn/sett'ns 1280 x 640 Plank URL: Hero Image Link\nCreat'n:\nTemplate: http://www.pixeden.com/psd-web-elements/psd-screen-web-showcase Desktop: light theme 1440 x 900 @ 1 Tablet: light theme 778 x 1038 @ 1 Phone: dark theme 450 x 801 @ .666 From original template size resize t' 2700 x 1800 centered, scale t' 900 x 600 an' save as images/tn.png From original template size resize t' 3000 x 1500 offset y: -330, scale t' 1280 x 640 an' save as images/hero.png Remarks:\nTh' locat'n o' images/tn.png be mandatory due t' Hugo’s theme ship builder.\nPreview images/hero.png Preview images/tn.png ",
     "description": "Recipe t' create various documentat'n scrrreenshots",
     "tags": null,
     "title": "Scrrrenshots",
     "uri": "/pir/dev/screenshots/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nTh' siteparam shortcode prints values o' ship params.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or call this shortcode from yer own partials.\nshortcode shortcode (positional) partial {{% siteparam name=\"editURL\" %}} {{% siteparam \"editURL\" %}} {{ partial \"shortcodes/siteparam.html\" (dict \"context\" . \"name\" \"editURL\" )}} Parameter Name Posit'n Default Notes name 1 \u003cempty\u003e Th' name o' th' ship param t' be displayed. Examples editURL from config.toml `editURL` value: {{% siteparam name=\"editURL\" %}} editURL value: https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nTh' siteparam shortcode prints values o' ship params.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or call this shortcode from yer own partials.\nshortcode shortcode (positional) partial {{% siteparam name=\"editURL\" %}} {{% siteparam \"editURL\" %}} {{ partial \"shortcodes/siteparam.html\" (dict \"context\" . \"name\" \"editURL\" )}} Parameter Name Posit'n Default Notes name 1 \u003cempty\u003e Th' name o' th' ship param t' be displayed. Examples editURL from config.toml `editURL` value: {{% siteparam name=\"editURL\" %}} editURL value: https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/\n",
     "description": "",
     "tags": null,
     "title": "Ship param",
     "uri": "/pir/shortcodes/siteparam/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nGoboLinux Wiki by NEONsys.org BITS by Dr. Lutz Gollan Pamasol Electrics by Pamasol – Swiss Aerosol Solut'ns ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nGoboLinux Wiki by NEONsys.org BITS by Dr. Lutz Gollan Pamasol Electrics by Pamasol – Swiss Aerosol Solut'ns ",
     "description": "",
     "tags": null,
     "title": "Showcase",
     "uri": "/pir/more/showcase/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nTh' swagger shortcode uses th' RapiDoc library t' display yer Swagger / OpenAPI Specificat'ns.\nAvast This only works 'n modern browsers.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\nshortcode partial {{\u003c swagger src=\"https://petstore3.swagger.io/api/v3/openapi.json\" \u003e}} {{ partial \"shortcodes/swagger.html\" (dict \"context\" . \"src\" \"https://petstore3.swagger.io/api/v3/openapi.json\" )}} Parameter Name Default Notes src \u003cempty\u003e Th' URL t' th' OpenAPI Specificat'n file. This can be relative t' th' URL o' yer plank if it be a leaf or branch bundle. Avast If ye want t' print out (or generate a PDF) from yer Swagger documentat'n, don’t initiate print'n directly from th' plank because th' elements be optimized fer interactive usage 'n a browser.\nInstead, open th' print preview 'n yer browser an' initiate print'n from that plank. This plank be optimized fer read'n an' expands most o' th' avail'ble sections.\nConfigurat'n Swagger be configured wit' default sett'ns. Ye can cust'mize Swagger’s default sett'ns fer all o' yer files thru a JSON object 'n yer config.toml or override these sett'ns per plank thru yer planks frontmatter.\nTh' JSON object o' yer config.toml / frontmatter be forwarded into Swagger’s initializat'n. At th' moment, only th' theme sett'n be supported.\nTh' theme sett'n can also be set by yer used color variant. This will be th' sitewide default an' can - again - be overridden by yer sett'ns 'n config.toml or frontmatter.\nGlobal Configurat'n File [params] swaggerInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" Example Us'n Local File {{\u003c swagger src=\"petstore.json\" \u003e}} ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nTh' swagger shortcode uses th' RapiDoc library t' display yer Swagger / OpenAPI Specificat'ns.\nAvast This only works 'n modern browsers.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\nshortcode partial {{\u003c swagger src=\"https://petstore3.swagger.io/api/v3/openapi.json\" \u003e}} {{ partial \"shortcodes/swagger.html\" (dict \"context\" . \"src\" \"https://petstore3.swagger.io/api/v3/openapi.json\" )}} Parameter Name Default Notes src \u003cempty\u003e Th' URL t' th' OpenAPI Specificat'n file. This can be relative t' th' URL o' yer plank if it be a leaf or branch bundle. Avast If ye want t' print out (or generate a PDF) from yer Swagger documentat'n, don’t initiate print'n directly from th' plank because th' elements be optimized fer interactive usage 'n a browser.\nInstead, open th' print preview 'n yer browser an' initiate print'n from that plank. This plank be optimized fer read'n an' expands most o' th' avail'ble sections.\nConfigurat'n Swagger be configured wit' default sett'ns. Ye can cust'mize Swagger’s default sett'ns fer all o' yer files thru a JSON object 'n yer config.toml or override these sett'ns per plank thru yer planks frontmatter.\nTh' JSON object o' yer config.toml / frontmatter be forwarded into Swagger’s initializat'n. At th' moment, only th' theme sett'n be supported.\nTh' theme sett'n can also be set by yer used color variant. This will be th' sitewide default an' can - again - be overridden by yer sett'ns 'n config.toml or frontmatter.\nGlobal Configurat'n File [params] swaggerInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" Example Us'n Local File {{\u003c swagger src=\"petstore.json\" \u003e}} ",
     "description": "Adds UI fer yer Swaggerrr / OpenAPI Specificat'ns",
     "tags": null,
     "title": "Swaggerrr",
     "uri": "/pir/shortcodes/swagger/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nLines an' Paragraphs i HTML Paragraph I\nHTML Paragraph II\ni HTML Line I\nHTML Line II i HTML Line I\nHTML Line II i Marrrkdown Multicell I Marrrkdown Multicell II Head'ns i HTML h1 i HTML h2 i HTML h3 i HTML h4 i HTML h5 i HTML h6 Lists i HTML List Item IHTML List Item II Code i Marrrkdown Inline i HTML Inline i HTML Block Links \u0026 Images i Marrrkdown Link i https://example.com i Other i HTML Blockquote i HTML Blockquote wit' nested Paragraph\ni Shorrrtcodes i Important i Get Cap'n Hugo i Expand me... Thank ye! i i Ye can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc. ...and even source code th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) (almost - includ'n other shorrrtcodes may or may not work) |\ni $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ i $\\sqrt{3}$ i graph LR; If --\u003e Then Then --\u003e Else i https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/ i python bash print(\"Hello World!\") echo \"Hello World!\" ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nLines an' Paragraphs i HTML Paragraph I\nHTML Paragraph II\ni HTML Line I\nHTML Line II i HTML Line I\nHTML Line II i Marrrkdown Multicell I Marrrkdown Multicell II Head'ns i HTML h1 i HTML h2 i HTML h3 i HTML h4 i HTML h5 i HTML h6 Lists i HTML List Item IHTML List Item II Code i Marrrkdown Inline i HTML Inline i HTML Block Links \u0026 Images i Marrrkdown Link i https://example.com i Other i HTML Blockquote i HTML Blockquote wit' nested Paragraph\ni Shorrrtcodes i Important i Get Cap'n Hugo i Expand me... Thank ye! i i Ye can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc. ...and even source code th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) (almost - includ'n other shorrrtcodes may or may not work) |\ni $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ i $\\sqrt{3}$ i graph LR; If --\u003e Then Then --\u003e Else i https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/ i python bash print(\"Hello World!\") echo \"Hello World!\" ",
     "description": "Testing different markdown constructs inside of tables",
     "tags": null,
     "title": "Tables",
     "uri": "/pir/tests/tables/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nTh' tabs shortcode displays arbitrary rrrambl'n 'n unlimited number o' tabs.\nThis comes 'n handy eg. fer provid'n code snippets fer multiple languages or provid'n configurat'n 'n different formats.\npython bash print(\"Hello World!\") echo \"Hello World!\" Usage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\nshortcode partial {{\u003c tabs \u003e}} {{% tab name=\"python\" %}} ```python print(\"Hello World!\") ``` {{% /tab %}} {{% tab name=\"bash\" %}} ```bash echo \"Hello World!\" ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{ partial \"shortcodes/tabs.html\" (dict \"context\" . \"tabs\" (slice (dict \"name\" \"python\" \"content\" (\"```python\\nprint(\\\"Hello World!\\\")\\n```\" | markdownify) ) (dict \"name\" \"bash\" \"content\" (\"```bash\\necho \\\"Hello World!\\\"\\n```\" | markdownify) ) ) )}} Parameter Name Default Notes groupid default Arbitrary name o' th' group th' tab view belongs t'.\nTab views wit' th' same groupid sychr'nize their selected tab. This sychronizat'n applies t' th' whole ship! \u003ccontent\u003e \u003cempty\u003e Arbitrary number o' tabs defined wit' th' tab sub-shortcode. Avast When us'n tab views wit' different rrrambl'n sets, make sure t' use a common groupid fer equal sets o' tabs but distinct groupid fer different sets.\nTh' tab select'n be restored automatically based on th' groupid an' if it cannot find a tab item because it came from th' 'default' group on a different plank then th' first tab be selected instead.\nExamples Distinct groupid {{\u003c tabs groupid=\"config\" \u003e}} {{% tab name=\"json\" %}} ```json { \"Hello\": \"World\" } ``` {{% /tab %}} {{% tab name=\"XML\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{% tab name=\"properties\" %}} ```properties Hello = World ``` {{% /tab %}} {{\u003c /tabs \u003e}} json XML properties { \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Hello = World Non-Distinct groupid See what happens t' this tab view if ye select properties tab from th' previous example.\n{{\u003c tabs groupid=\"config\" \u003e}} {{% tab name=\"json\" %}} ```json { \"Hello\": \"World\" } ``` {{% /tab %}} {{% tab name=\"XML\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{\u003c /tabs \u003e}} json XML { \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Nested Tabs In case ye want t' nest tabs, th' parent tab that contains th' subtabs needs t' be declared wit' {{\u003c tab \u003e}} instead o' {{% tab %}}. Avast, that 'n this case it be not poss'ble t' put markdown 'n th' parent tab.\n{{\u003c tabs groupid=\"main\" \u003e}} {{\u003c tab name=\"Text\" \u003e}} Simple text be poss'ble here... {{\u003c tabs groupid=\"tabs-example-language\" \u003e}} {{% tab name=\"python\" %}} Python be **super** easy. - most o' th' time. - if ye don't want t' output unicode {{% /tab %}} {{% tab name=\"bash\" %}} Bash be fer **hackers**. {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c /tab \u003e}} {{\u003c tab name=\"Code\" \u003e}} ...but no markdown {{\u003c tabs groupid=\"tabs-example-language\" \u003e}} {{% tab name=\"python\" %}} ```python print(\"Hello World!\") ``` {{% /tab %}} {{% tab name=\"bash\" %}} ```bash echo \"Hello World!\" ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c /tab \u003e}} {{\u003c /tabs \u003e}} Text Code Simple text be poss'ble here... python bash Python be super easy.\nmost o' th' time. if ye don’t want t' output unicode Bash be fer hackers.\n...but no markdown python bash print(\"Hello World!\") echo \"Hello World!\" ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nTh' tabs shortcode displays arbitrary rrrambl'n 'n unlimited number o' tabs.\nThis comes 'n handy eg. fer provid'n code snippets fer multiple languages or provid'n configurat'n 'n different formats.\npython bash print(\"Hello World!\") echo \"Hello World!\" Usage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\nshortcode partial {{\u003c tabs \u003e}} {{% tab name=\"python\" %}} ```python print(\"Hello World!\") ``` {{% /tab %}} {{% tab name=\"bash\" %}} ```bash echo \"Hello World!\" ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{ partial \"shortcodes/tabs.html\" (dict \"context\" . \"tabs\" (slice (dict \"name\" \"python\" \"content\" (\"```python\\nprint(\\\"Hello World!\\\")\\n```\" | markdownify) ) (dict \"name\" \"bash\" \"content\" (\"```bash\\necho \\\"Hello World!\\\"\\n```\" | markdownify) ) ) )}} Parameter Name Default Notes groupid default Arbitrary name o' th' group th' tab view belongs t'.\nTab views wit' th' same groupid sychr'nize their selected tab. This sychronizat'n applies t' th' whole ship! \u003ccontent\u003e \u003cempty\u003e Arbitrary number o' tabs defined wit' th' tab sub-shortcode. Avast When us'n tab views wit' different rrrambl'n sets, make sure t' use a common groupid fer equal sets o' tabs but distinct groupid fer different sets.\nTh' tab select'n be restored automatically based on th' groupid an' if it cannot find a tab item because it came from th' 'default' group on a different plank then th' first tab be selected instead.\nExamples Distinct groupid {{\u003c tabs groupid=\"config\" \u003e}} {{% tab name=\"json\" %}} ```json { \"Hello\": \"World\" } ``` {{% /tab %}} {{% tab name=\"XML\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{% tab name=\"properties\" %}} ```properties Hello = World ``` {{% /tab %}} {{\u003c /tabs \u003e}} json XML properties { \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Hello = World Non-Distinct groupid See what happens t' this tab view if ye select properties tab from th' previous example.\n{{\u003c tabs groupid=\"config\" \u003e}} {{% tab name=\"json\" %}} ```json { \"Hello\": \"World\" } ``` {{% /tab %}} {{% tab name=\"XML\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{\u003c /tabs \u003e}} json XML { \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Nested Tabs In case ye want t' nest tabs, th' parent tab that contains th' subtabs needs t' be declared wit' {{\u003c tab \u003e}} instead o' {{% tab %}}. Avast, that 'n this case it be not poss'ble t' put markdown 'n th' parent tab.\n{{\u003c tabs groupid=\"main\" \u003e}} {{\u003c tab name=\"Text\" \u003e}} Simple text be poss'ble here... {{\u003c tabs groupid=\"tabs-example-language\" \u003e}} {{% tab name=\"python\" %}} Python be **super** easy. - most o' th' time. - if ye don't want t' output unicode {{% /tab %}} {{% tab name=\"bash\" %}} Bash be fer **hackers**. {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c /tab \u003e}} {{\u003c tab name=\"Code\" \u003e}} ...but no markdown {{\u003c tabs groupid=\"tabs-example-language\" \u003e}} {{% tab name=\"python\" %}} ```python print(\"Hello World!\") ``` {{% /tab %}} {{% tab name=\"bash\" %}} ```bash echo \"Hello World!\" ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c /tab \u003e}} {{\u003c /tabs \u003e}} Text Code Simple text be poss'ble here... python bash Python be super easy.\nmost o' th' time. if ye don’t want t' output unicode Bash be fer hackers.\n...but no markdown python bash print(\"Hello World!\") echo \"Hello World!\" ",
     "description": "",
     "tags": null,
     "title": "Tabs",
@@ -584,7 +584,7 @@ var relearn_search_index = [
     "uri": "/pir/tags/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nPlaceholder…\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nPlaceholder…\n",
     "description": "",
     "tags": null,
     "title": "Th' one an' only hidden child",
@@ -598,7 +598,7 @@ var relearn_search_index = [
     "uri": "/pir/tags/tutorrrial/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nMake a vis'ble block\nAn' another one\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat'n. Like see'n Merrrmaids, do'n math or chemistrrry and stuff.\nMake a vis'ble block\nAn' another one\n",
     "description": "Test dynamic width rrresizing o' content if scrrrollbar 's present",
     "tags": null,
     "title": "Width",
diff --git a/pir/index.xml b/pir/index.xml
index e2832f3e30..a60cf95e11 100644
--- a/pir/index.xml
+++ b/pir/index.xml
@@ -11,7 +11,7 @@
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Discover what this Cap&#39;n Hugo theme be all about an&#39; th&#39; core-concepts behind it.</description>
     </item>
     <item>
@@ -19,7 +19,7 @@ Discover what this Cap&#39;n Hugo theme be all about an&#39; th&#39; core-concep
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Find out how t&#39; create an&#39; org&#39;nize yer rrrambl&#39;n quickly an&#39; intuitively.</description>
     </item>
     <item>
@@ -27,9 +27,9 @@ Find out how t&#39; create an&#39; org&#39;nize yer rrrambl&#39;n quickly an&#39
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Cap&#39;n Hugo uses Marrrkdown fer its simple rrrambl&#39;n format. However, there be a lot o&#39; th&#39;ns that Marrrkdown doesn’t support well. Ye could use pure HTML t&#39; expand possibilities.
-But this happens t&#39; be a bad idea. Everyone uses Marrrkdown because it&amp;rsquo;s pure an&#39; simple t&#39; read even non-rendered.</description>
+But this happens t&#39; be a bad idea.</description>
     </item>
   </channel>
 </rss>
\ No newline at end of file
diff --git a/pir/more/credits/index.html b/pir/more/credits/index.html
index a82b1771f6..ebe0695e47 100644
--- a/pir/more/credits/index.html
+++ b/pir/more/credits/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -94,10 +94,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <h2 id="contributors">Contributors</h2>
 <p>Special thanks t' <a href="https://github.com/McShelby/hugo-theme-relearn/graphs/contributors" target="_blank">everyone who has contributed</a> t' this project.</p>
 <p>Many thanks t' <a href="https://github.com/matcornic" target="_blank">Mathieu Cornic</a> fer his work on port'n th' <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learrrn theme</a> t' Cap'n Hugo.</p>
@@ -228,12 +227,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../js/search.js?1675789786" defer></script>
+        <script src="../../../js/auto-complete.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891452" defer></script>
+        <script src="../../../js/search.js?1675891452" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -350,12 +349,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../js/buttons.js?1675891452"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891452" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891452" defer></script>
+    <script src="../../../js/theme.js?1675891452" defer></script>
   </body>
 </html>
diff --git a/pir/more/credits/index.print.html b/pir/more/credits/index.print.html
index fd158af005..91bb184124 100644
--- a/pir/more/credits/index.print.html
+++ b/pir/more/credits/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,10 +79,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <h2 id="contributors">Contributors</h2>
 <p>Special thanks t' <a href="https://github.com/McShelby/hugo-theme-relearn/graphs/contributors" target="_blank">everyone who has contributed</a> t' this project.</p>
 <p>Many thanks t' <a href="https://github.com/matcornic" target="_blank">Mathieu Cornic</a> fer his work on port'n th' <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learrrn theme</a> t' Cap'n Hugo.</p>
@@ -141,8 +140,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/more/showcase/index.html b/pir/more/showcase/index.html
index 4ec5ba44be..b1e70e9e99 100644
--- a/pir/more/showcase/index.html
+++ b/pir/more/showcase/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/showcase/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/more/showcase/index.xml" rel="alternate" type="application/rss+xml" title="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/more/showcase/index.print.html" rel="alternate" type="text/html" title="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,11 +76,23 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Showcase</span><meta itemprop="position" content="2"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/">GoboLinux Wiki</a> by NEONsys.org</a></li>
+    <li><a href="#bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-train'n.de/training/">BITS</a> by Dr. Lutz Gollan</a></li>
+    <li><a href="#pamasol-electricshttpspamasolgithubiode-by-pamasol--swiss-aerosol-solutions"><a href="https://pamasol.github.io/de/">Pamasol Electrics</a> by Pamasol – Swiss Aerosol Solut'ns</a></li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -94,35 +106,34 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
 <p>
 		
-<a href="#image-5803af58cbba6939d2ee32c9b5ca2363" class="lightbox-link">
+<a href="#image-b5b50bfb049b05d268cade6e0c13cc3e" class="lightbox-link">
 <img src="../../../more/showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5803af58cbba6939d2ee32c9b5ca2363">
+<a href="javascript:history.back();" class="lightbox" id="image-b5b50bfb049b05d268cade6e0c13cc3e">
 <img src="../../../more/showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-train'n.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
 <p>
 		
-<a href="#image-f4e558c43771ef97afaa5b69751ff9c6" class="lightbox-link">
+<a href="#image-a1d75898cb07dc41f58b40f7d073b14e" class="lightbox-link">
 <img src="../../../more/showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f4e558c43771ef97afaa5b69751ff9c6">
+<a href="javascript:history.back();" class="lightbox" id="image-a1d75898cb07dc41f58b40f7d073b14e">
 <img src="../../../more/showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol--swiss-aerosol-solutions"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol – Swiss Aerosol Solut'ns</h2>
 <p>
 		
-<a href="#image-943bb66cad5ee8485c3eee4d89497e46" class="lightbox-link">
+<a href="#image-a7c916e06ff106a31d4c839dbf2c44bc" class="lightbox-link">
 <img src="../../../more/showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-943bb66cad5ee8485c3eee4d89497e46">
+<a href="javascript:history.back();" class="lightbox" id="image-a7c916e06ff106a31d4c839dbf2c44bc">
 <img src="../../../more/showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -205,12 +216,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../js/search.js?1675789786" defer></script>
+        <script src="../../../js/auto-complete.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891452" defer></script>
+        <script src="../../../js/search.js?1675891452" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -327,12 +338,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../js/buttons.js?1675891452"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891452" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891452" defer></script>
+    <script src="../../../js/theme.js?1675891452" defer></script>
   </body>
 </html>
diff --git a/pir/more/showcase/index.print.html b/pir/more/showcase/index.print.html
index 370507197a..37fafae922 100644
--- a/pir/more/showcase/index.print.html
+++ b/pir/more/showcase/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/showcase/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/showcase/index.html" rel="canonical" type="text/html" title="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/more/showcase/index.xml" rel="alternate" type="application/rss+xml" title="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,35 +79,34 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
 <p>
 		
-<a href="#image-5803af58cbba6939d2ee32c9b5ca2363" class="lightbox-link">
+<a href="#image-b5b50bfb049b05d268cade6e0c13cc3e" class="lightbox-link">
 <img src="../../../more/showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5803af58cbba6939d2ee32c9b5ca2363">
+<a href="javascript:history.back();" class="lightbox" id="image-b5b50bfb049b05d268cade6e0c13cc3e">
 <img src="../../../more/showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-train'n.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
 <p>
 		
-<a href="#image-f4e558c43771ef97afaa5b69751ff9c6" class="lightbox-link">
+<a href="#image-a1d75898cb07dc41f58b40f7d073b14e" class="lightbox-link">
 <img src="../../../more/showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f4e558c43771ef97afaa5b69751ff9c6">
+<a href="javascript:history.back();" class="lightbox" id="image-a1d75898cb07dc41f58b40f7d073b14e">
 <img src="../../../more/showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol--swiss-aerosol-solutions"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol – Swiss Aerosol Solut'ns</h2>
 <p>
 		
-<a href="#image-943bb66cad5ee8485c3eee4d89497e46" class="lightbox-link">
+<a href="#image-a7c916e06ff106a31d4c839dbf2c44bc" class="lightbox-link">
 <img src="../../../more/showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-943bb66cad5ee8485c3eee4d89497e46">
+<a href="javascript:history.back();" class="lightbox" id="image-a7c916e06ff106a31d4c839dbf2c44bc">
 <img src="../../../more/showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -118,8 +117,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/search.html b/pir/search.html
index 11c6a16bc3..e24f4aa0bd 100644
--- a/pir/search.html
+++ b/pir/search.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../css/print.css?1675789787" rel="stylesheet" media="print">
-    <script src="../js/url.js?1675789787"></script>
-    <script src="../js/variant.js?1675789787"></script>
+    <link href="../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../css/print.css?1675891453" rel="stylesheet" media="print">
+    <script src="../js/url.js?1675891453"></script>
+    <script src="../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1675789787" defer></script>
-        <script src="../js/lunr/lunr.min.js?1675789787" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1675789787" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1675789787" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1675789787" defer></script>
-        <script src="../js/search.js?1675789787" defer></script>
+        <script src="../js/auto-complete.js?1675891453" defer></script>
+        <script src="../js/lunr/lunr.min.js?1675891453" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1675891453" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1675891453" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1675891453" defer></script>
+        <script src="../js/search.js?1675891453" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -296,12 +296,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1675789787"></script>
+          <script async src="../js/buttons.js?1675891453"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../js/theme.js?1675789787" defer></script>
+    <script src="../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.html b/pir/shortcodes/attachments/index.html
index 7cb81b1030..d979e91549 100644
--- a/pir/shortcodes/attachments/index.html
+++ b/pir/shortcodes/attachments/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,12 +76,40 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Attachments</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#usage">Usage</a>
+      <ul>
+        <li><a href="#parameter">Parameter</a></li>
+      </ul>
+    </li>
+    <li><a href="#setup">Setup</a>
+      <ul>
+        <li><a href="#single-language">Single language</a></li>
+        <li><a href="#multilingual">Multilingual</a></li>
+      </ul>
+    </li>
+    <li><a href="#examples">Examples</a>
+      <ul>
+        <li><a href="#custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom Title, List o' Attachments End'n 'n pdf or mp4</a></li>
+        <li><a href="#info-styled-box-descending-sort-order">Ahoi Styled Box, Descend'n Sort Order</a></li>
+        <li><a href="#with-user-defined-color-and-font-awesome-brand-icon">Wit' User-Defined Color an' Font Awesome Brand Ay'con</a></li>
+        <li><a href="#style-color-title-and-icons">Style, Color, Title an' Ay'cons</a></li>
+      </ul>
+    </li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -102,10 +130,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>attachments</code> shortcode displays a list o' files attached t' a plank wit' adjust'ble color, title an' ay'con.</p>
 
 <div class="box attachments cstyle transparent">
@@ -126,13 +153,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -147,7 +174,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/attachments.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -412,12 +439,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789785" defer></script>
-        <script src="../../../js/search.js?1675789785" defer></script>
+        <script src="../../../js/auto-complete.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891450" defer></script>
+        <script src="../../../js/search.js?1675891450" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -534,12 +561,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789785"></script>
+          <script async src="../../../js/buttons.js?1675891450"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789785" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789785" defer></script>
-    <script src="../../../js/theme.js?1675789785" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891450" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891450" defer></script>
+    <script src="../../../js/theme.js?1675891450" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.print.html b/pir/shortcodes/attachments/index.print.html
index 8511add65b..1d2196cc61 100644
--- a/pir/shortcodes/attachments/index.print.html
+++ b/pir/shortcodes/attachments/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,10 +87,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>attachments</code> shortcode displays a list o' files attached t' a plank wit' adjust'ble color, title an' ay'con.</p>
 
 <div class="box attachments cstyle transparent">
@@ -111,13 +110,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -132,7 +131,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/attachments.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -325,8 +324,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.html b/pir/shortcodes/badge/index.html
index cb626e1d1f..140b545faf 100644
--- a/pir/shortcodes/badge/index.html
+++ b/pir/shortcodes/badge/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,12 +76,33 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Badge</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#usage">Usage</a>
+      <ul>
+        <li><a href="#parameter">Parameter</a></li>
+      </ul>
+    </li>
+    <li><a href="#examples">Examples</a>
+      <ul>
+        <li><a href="#style">Style</a></li>
+        <li><a href="#variants">Variants</a></li>
+        <li><a href="#other">Other</a></li>
+      </ul>
+    </li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -95,10 +116,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>badge</code> shortcode displays little markers 'n yer text wit' adjust'ble color, title an' ay'con.</p>
 <p><span class="badge cstyle default"><span class="badge-content">Important</span></span>
 <span class="badge cstyle primary badge-with-title"><span class="badge-title">Version</span><span class="badge-content">6.6.6</span></span>
@@ -112,13 +132,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -137,7 +157,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/badge.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -381,12 +401,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789785" defer></script>
-        <script src="../../../js/search.js?1675789785" defer></script>
+        <script src="../../../js/auto-complete.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891450" defer></script>
+        <script src="../../../js/search.js?1675891450" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -503,12 +523,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789785"></script>
+          <script async src="../../../js/buttons.js?1675891450"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789785" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789785" defer></script>
-    <script src="../../../js/theme.js?1675789785" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891450" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891450" defer></script>
+    <script src="../../../js/theme.js?1675891450" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.print.html b/pir/shortcodes/badge/index.print.html
index eda35b705b..da8c3d881f 100644
--- a/pir/shortcodes/badge/index.print.html
+++ b/pir/shortcodes/badge/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,10 +80,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>badge</code> shortcode displays little markers 'n yer text wit' adjust'ble color, title an' ay'con.</p>
 <p><span class="badge cstyle default"><span class="badge-content">Important</span></span>
 <span class="badge cstyle primary badge-with-title"><span class="badge-title">Version</span><span class="badge-content">6.6.6</span></span>
@@ -97,13 +96,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -122,7 +121,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/badge.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -294,8 +293,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.html b/pir/shortcodes/button/index.html
index 2843451277..37ed3b3079 100644
--- a/pir/shortcodes/button/index.html
+++ b/pir/shortcodes/button/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,12 +76,34 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Button</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#usage">Usage</a>
+      <ul>
+        <li><a href="#parameter">Parameter</a></li>
+      </ul>
+    </li>
+    <li><a href="#examples">Examples</a>
+      <ul>
+        <li><a href="#style">Style</a></li>
+        <li><a href="#icon">Ay'con</a></li>
+        <li><a href="#target">Target</a></li>
+        <li><a href="#other">Other</a></li>
+      </ul>
+    </li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -95,10 +117,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>button</code> shortcode displays a click'ble button wit' adjust'ble color, title an' ay'con.</p>
 <p>
 <span class="btn cstyle transparent">
@@ -120,13 +141,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -142,7 +163,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/button.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -501,12 +522,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789785" defer></script>
-        <script src="../../../js/search.js?1675789785" defer></script>
+        <script src="../../../js/auto-complete.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891450" defer></script>
+        <script src="../../../js/search.js?1675891450" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -623,12 +644,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789785"></script>
+          <script async src="../../../js/buttons.js?1675891450"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789785" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789785" defer></script>
-    <script src="../../../js/theme.js?1675789785" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891450" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891450" defer></script>
+    <script src="../../../js/theme.js?1675891450" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.print.html b/pir/shortcodes/button/index.print.html
index 68ea84589e..055f046c77 100644
--- a/pir/shortcodes/button/index.print.html
+++ b/pir/shortcodes/button/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,10 +80,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>button</code> shortcode displays a click'ble button wit' adjust'ble color, title an' ay'con.</p>
 <p>
 <span class="btn cstyle transparent">
@@ -105,13 +104,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -127,7 +126,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/button.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -414,8 +413,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" 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 7d98576cf4..369804dbe3 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
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../../../../../../../js/url.js?1675789784"></script>
-    <script src="../../../../../../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../../../../../../../js/url.js?1675891449"></script>
+    <script src="../../../../../../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2"> > </li>
@@ -87,6 +88,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Plank 1-1-1-1-1-1</span><meta itemprop="position" content="9"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -104,10 +110,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a <strong>non-hidden</strong> demo child plank o' a hidden parent plank.</p>
 
 
@@ -189,12 +194,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../../js/auto-complete.js?1675789787" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.min.js?1675789787" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1675789787" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1675789787" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1675789787" defer></script>
-        <script src="../../../../../../../../../js/search.js?1675789787" defer></script>
+        <script src="../../../../../../../../../js/auto-complete.js?1675891452" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.min.js?1675891452" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1675891452" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1675891452" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1675891452" defer></script>
+        <script src="../../../../../../../../../js/search.js?1675891452" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -315,12 +320,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../../../js/buttons.js?1675789787"></script>
+          <script async src="../../../../../../../../../js/buttons.js?1675891452"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1675891452" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1675891452" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1675891452" 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 7e2e51ec4a..c0c8a40004 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
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../../../../../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../../../../../../../js/url.js?1675789787"></script>
-    <script src="../../../../../../../../../js/variant.js?1675789787"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../../../../../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../../../../../../../js/url.js?1675891453"></script>
+    <script src="../../../../../../../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,10 +89,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a <strong>non-hidden</strong> demo child plank o' a hidden parent plank.</p>
 
 
@@ -102,8 +101,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1675891453" 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 2466576c36..1737728bbb 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
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../../../../../../js/url.js?1675789784"></script>
-    <script src="../../../../../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../../../../../../js/url.js?1675891449"></script>
+    <script src="../../../../../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2"> > </li>
@@ -86,6 +87,15 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Plank 1-1-1-1-1 (hidden)</span><meta itemprop="position" content="8"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#subpages-of-this-page">Subpages o' this plank</a></li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -103,10 +113,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a <strong>hidden</strong> demo child plank. This plank an' all its children be hidden 'n th' menu, arrow navigat'n an' children shortcode as long as ye aren&rsquo;t view'n this plank or its children directly.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -194,12 +203,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../js/auto-complete.js?1675789787" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1675789787" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1675789787" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1675789787" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1675789787" defer></script>
-        <script src="../../../../../../../../js/search.js?1675789787" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1675891452" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1675891452" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1675891452" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1675891452" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1675891452" defer></script>
+        <script src="../../../../../../../../js/search.js?1675891452" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -320,12 +329,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../../js/buttons.js?1675789787"></script>
+          <script async src="../../../../../../../../js/buttons.js?1675891452"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1675891452" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1675891452" defer></script>
+    <script src="../../../../../../../../js/theme.js?1675891452" 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 54e78625ca..7637da6481 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
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1675789787"></script>
-    <script src="../../../../../../../../js/variant.js?1675789787"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1675891453"></script>
+    <script src="../../../../../../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,10 +88,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a <strong>hidden</strong> demo child plank. This plank an' all its children be hidden 'n th' menu, arrow navigat'n an' children shortcode as long as ye aren&rsquo;t view'n this plank or its children directly.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -114,10 +113,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a <strong>non-hidden</strong> demo child plank o' a hidden parent plank.</p>
 
 
@@ -128,8 +126,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../../../../../js/theme.js?1675891453" 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.xml 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.xml
index 7f921c751b..1e3bf0c981 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.xml
+++ 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.xml
@@ -11,7 +11,7 @@
       <link>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</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>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</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a non-hidden demo child plank o&#39; a hidden parent plank.</description>
     </item>
   </channel>
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 7594fc3607..0119abf4e2 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
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../../../../../js/url.js?1675789784"></script>
-    <script src="../../../../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../../../../../js/url.js?1675891449"></script>
+    <script src="../../../../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2"> > </li>
@@ -85,6 +86,15 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Plank 1-1-1-1</span><meta itemprop="position" content="7"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#subpages-of-this-page">Subpages o' this plank</a></li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -102,10 +112,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a <strong>non-hidden</strong> demo child plank o' a hidden parent plank wit' a hidden child. Ye can still access th' hidden child <a href="../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/">directly</a> or via th' search.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -193,12 +202,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1675789787" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1675789787" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1675789787" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1675789787" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1675789787" defer></script>
-        <script src="../../../../../../../js/search.js?1675789787" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1675891452" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1675891452" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1675891452" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1675891452" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1675891452" defer></script>
+        <script src="../../../../../../../js/search.js?1675891452" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -317,12 +326,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../js/buttons.js?1675789787"></script>
+          <script async src="../../../../../../../js/buttons.js?1675891452"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1675891452" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1675891452" defer></script>
+    <script src="../../../../../../../js/theme.js?1675891452" 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 b5cd4746a3..e92f465586 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
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1675789787"></script>
-    <script src="../../../../../../../js/variant.js?1675789787"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1675891453"></script>
+    <script src="../../../../../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,10 +87,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a <strong>non-hidden</strong> demo child plank o' a hidden parent plank wit' a hidden child. Ye can still access th' hidden child <a href="../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/">directly</a> or via th' search.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -109,8 +108,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../../../../js/theme.js?1675891453" 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 7bddceefc3..4a1ffa95ea 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
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../../../../js/url.js?1675789784"></script>
-    <script src="../../../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../../../../js/url.js?1675891449"></script>
+    <script src="../../../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2"> > </li>
@@ -84,6 +85,15 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Plank 1-1-1 (hidden)</span><meta itemprop="position" content="6"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#subpages-of-this-page">Subpages o' this plank</a></li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -101,10 +111,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a <strong>hidden</strong> demo child plank. This plank an' all its children be hidden 'n th' menu, arrow navigat'n an' children shortcode as long as ye aren&rsquo;t view'n this plank or its children directly.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -192,12 +201,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../../../../js/search.js?1675789786" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1675891452" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1675891452" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1675891452" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1675891452" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1675891452" defer></script>
+        <script src="../../../../../../js/search.js?1675891452" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -316,12 +325,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1675789787"></script>
+          <script async src="../../../../../../js/buttons.js?1675891452"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1675891452" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1675891452" defer></script>
+    <script src="../../../../../../js/theme.js?1675891452" 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 a9a50b35ed..63dae8c9e6 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
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1675789787"></script>
-    <script src="../../../../../../js/variant.js?1675789787"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1675891453"></script>
+    <script src="../../../../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -86,10 +86,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a <strong>hidden</strong> demo child plank. This plank an' all its children be hidden 'n th' menu, arrow navigat'n an' children shortcode as long as ye aren&rsquo;t view'n this plank or its children directly.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -112,10 +111,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a <strong>non-hidden</strong> demo child plank o' a hidden parent plank wit' a hidden child. Ye can still access th' hidden child <a href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/">directly</a> or via th' search.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -135,8 +133,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.xml b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.xml
index fb4423fc06..fb805d41c0 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.xml
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.xml
@@ -11,7 +11,7 @@
       <link>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</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>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</guid>
-      <description> Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description> Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a non-hidden demo child plank o&#39; a hidden parent plank wit&#39; a hidden child. Ye can still access th&#39; hidden child directly or via th&#39; search.
 Subpages o&#39; this plank plank 1-1-1-1-1 (hidden) </description>
     </item>
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 0aceaf8e42..c8c61e2e52 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
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../../../../../js/url.js?1675789784"></script>
-    <script src="../../../../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../../../../../js/url.js?1675891449"></script>
+    <script src="../../../../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,6 +76,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2"> > </li>
@@ -86,6 +87,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Plank 1-1-2-1</span><meta itemprop="position" content="7"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -103,10 +109,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -188,12 +193,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1675789787" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1675789787" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1675789787" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1675789787" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1675789787" defer></script>
-        <script src="../../../../../../../js/search.js?1675789787" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1675891452" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1675891452" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1675891452" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1675891452" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1675891452" defer></script>
+        <script src="../../../../../../../js/search.js?1675891452" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -310,12 +315,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../js/buttons.js?1675789787"></script>
+          <script async src="../../../../../../../js/buttons.js?1675891452"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1675891452" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1675891452" defer></script>
+    <script src="../../../../../../../js/theme.js?1675891452" 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 b943d2dcfa..4cc10f9f7c 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
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1675789787"></script>
-    <script src="../../../../../../../js/variant.js?1675789787"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1675891453"></script>
+    <script src="../../../../../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,10 +88,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -101,8 +100,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../../../../js/theme.js?1675891453" 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 25db0984de..6b07225a62 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
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../../../../../js/url.js?1675789784"></script>
-    <script src="../../../../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../../../../../js/url.js?1675891449"></script>
+    <script src="../../../../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,6 +76,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2"> > </li>
@@ -86,6 +87,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Plank 1-1-2-2</span><meta itemprop="position" content="7"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -103,10 +109,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -188,12 +193,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1675789787" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1675789787" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1675789787" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1675789787" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1675789787" defer></script>
-        <script src="../../../../../../../js/search.js?1675789787" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1675891452" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1675891452" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1675891452" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1675891452" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1675891452" defer></script>
+        <script src="../../../../../../../js/search.js?1675891452" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -310,12 +315,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../js/buttons.js?1675789787"></script>
+          <script async src="../../../../../../../js/buttons.js?1675891452"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1675891452" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1675891452" defer></script>
+    <script src="../../../../../../../js/theme.js?1675891452" 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 38c82aa897..a37545091e 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
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1675789787"></script>
-    <script src="../../../../../../../js/variant.js?1675789787"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1675891453"></script>
+    <script src="../../../../../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,10 +88,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -101,8 +100,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
index 11b72e853c..b43309dfb2 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.xml" rel="alternate" type="application/rss+xml" title="Plank 1-1-2 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html" rel="alternate" type="text/html" title="Plank 1-1-2 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../../../../js/url.js?1675789784"></script>
-    <script src="../../../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../../../../js/url.js?1675891449"></script>
+    <script src="../../../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,6 +76,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2"> > </li>
@@ -85,6 +86,15 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Plank 1-1-2</span><meta itemprop="position" content="6"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#subpages-of-this-page">Subpages o' this plank</a></li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -102,10 +112,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -194,12 +203,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1675789787" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1675789787" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1675789787" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1675789787" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1675789787" defer></script>
-        <script src="../../../../../../js/search.js?1675789787" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1675891452" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1675891452" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1675891452" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1675891452" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1675891452" defer></script>
+        <script src="../../../../../../js/search.js?1675891452" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -316,12 +325,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1675789787"></script>
+          <script async src="../../../../../../js/buttons.js?1675891452"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1675891452" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1675891452" defer></script>
+    <script src="../../../../../../js/theme.js?1675891452" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html
index 9779b16a5b..a1afafc5d4 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" rel="canonical" type="text/html" title="Plank 1-1-2 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.xml" rel="alternate" type="application/rss+xml" title="Plank 1-1-2 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1675789787"></script>
-    <script src="../../../../../../js/variant.js?1675789787"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1675891453"></script>
+    <script src="../../../../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,10 +87,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -114,10 +113,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -132,10 +130,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -146,8 +143,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.xml b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.xml
index 546c1d888b..1d9764e193 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.xml
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.xml
@@ -11,7 +11,7 @@
       <link>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</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>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</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a plain demo child plank.</description>
     </item>
     <item>
@@ -19,7 +19,7 @@ This be a plain demo child plank.</description>
       <link>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</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>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</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a plain demo child plank.</description>
     </item>
   </channel>
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 30105e095f..4eec56224e 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
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../../../../js/url.js?1675789784"></script>
-    <script src="../../../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../../../../js/url.js?1675891449"></script>
+    <script src="../../../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,6 +76,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2"> > </li>
@@ -85,6 +86,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Plank 1-1-3</span><meta itemprop="position" content="6"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -102,10 +108,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -187,12 +192,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1675789787" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1675789787" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1675789787" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1675789787" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1675789787" defer></script>
-        <script src="../../../../../../js/search.js?1675789787" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1675891452" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1675891452" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1675891452" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1675891452" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1675891452" defer></script>
+        <script src="../../../../../../js/search.js?1675891452" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -309,12 +314,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1675789787"></script>
+          <script async src="../../../../../../js/buttons.js?1675891452"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1675891452" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1675891452" defer></script>
+    <script src="../../../../../../js/theme.js?1675891452" 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 3433a970e1..5a0b165aea 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
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1675789787"></script>
-    <script src="../../../../../../js/variant.js?1675789787"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1675891453"></script>
+    <script src="../../../../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,10 +87,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -100,8 +99,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../../../js/theme.js?1675891453" 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 956aeb30b7..fd9c823669 100644
--- a/pir/shortcodes/children/children-1/children-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../../../js/url.js?1675789784"></script>
-    <script src="../../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../../../js/url.js?1675891449"></script>
+    <script src="../../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,6 +76,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2"> > </li>
@@ -84,6 +85,15 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Plank 1-1</span><meta itemprop="position" content="5"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#subpages-of-this-page">Subpages o' this plank</a></li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -101,10 +111,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a demo child plank wit' a hidden child. Ye can still access th' hidden child <a href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/">directly</a> or via th' search.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -194,12 +203,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../../../js/search.js?1675789786" defer></script>
+        <script src="../../../../../js/auto-complete.js?1675891452" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1675891452" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1675891452" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1675891452" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1675891452" defer></script>
+        <script src="../../../../../js/search.js?1675891452" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -316,12 +325,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../../../js/buttons.js?1675891452"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1675891452" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1675891452" defer></script>
+    <script src="../../../../../js/theme.js?1675891452" 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 ab3b43261e..55359be088 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
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../../../js/url.js?1675789787"></script>
-    <script src="../../../../../js/variant.js?1675789787"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../../../js/url.js?1675891453"></script>
+    <script src="../../../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -86,10 +86,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a demo child plank wit' a hidden child. Ye can still access th' hidden child <a href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/">directly</a> or via th' search.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -114,10 +113,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -141,10 +139,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -159,10 +156,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -178,10 +174,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -192,8 +187,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/index.xml b/pir/shortcodes/children/children-1/children-1-1/index.xml
index 365dd2fbe4..5710cc7610 100644
--- a/pir/shortcodes/children/children-1/children-1-1/index.xml
+++ b/pir/shortcodes/children/children-1/children-1-1/index.xml
@@ -11,7 +11,7 @@
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html</guid>
-      <description> Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description> Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a plain demo child plank.
 Subpages o&#39; this plank plank 1-1-2-1 plank 1-1-2-2 </description>
     </item>
@@ -20,7 +20,7 @@ Subpages o&#39; this plank plank 1-1-2-1 plank 1-1-2-2 </description>
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a plain demo child plank.</description>
     </item>
   </channel>
diff --git a/pir/shortcodes/children/children-1/index.html b/pir/shortcodes/children/children-1/index.html
index 1115f38484..f148a82231 100644
--- a/pir/shortcodes/children/children-1/index.html
+++ b/pir/shortcodes/children/children-1/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1675789784"></script>
-    <script src="../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1675891449"></script>
+    <script src="../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,6 +76,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2"> > </li>
@@ -83,6 +84,15 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Plank 1</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#subpages-of-this-page">Subpages o' this plank</a></li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -100,10 +110,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a demo child plank.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -191,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../../js/search.js?1675789786" defer></script>
+        <script src="../../../../js/auto-complete.js?1675891452" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1675891452" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675891452" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1675891452" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1675891452" defer></script>
+        <script src="../../../../js/search.js?1675891452" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -313,12 +322,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../../js/buttons.js?1675891452"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891452" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891452" defer></script>
+    <script src="../../../../js/theme.js?1675891452" 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 515118cbb9..cac68f5287 100644
--- a/pir/shortcodes/children/children-1/index.print.html
+++ b/pir/shortcodes/children/children-1/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../../js/url.js?1675789787"></script>
-    <script src="../../../../js/variant.js?1675789787"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../../js/url.js?1675891453"></script>
+    <script src="../../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -85,10 +85,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a demo child plank.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -111,10 +110,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a demo child plank wit' a hidden child. Ye can still access th' hidden child <a href="../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/">directly</a> or via th' search.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -139,10 +137,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -166,10 +163,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -184,10 +180,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -203,10 +198,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -218,8 +212,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/index.xml b/pir/shortcodes/children/children-1/index.xml
index 686b3c3e2f..2d7af1d555 100644
--- a/pir/shortcodes/children/children-1/index.xml
+++ b/pir/shortcodes/children/children-1/index.xml
@@ -11,7 +11,7 @@
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html</guid>
-      <description> Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description> Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a demo child plank wit&#39; a hidden child. Ye can still access th&#39; hidden child directly or via th&#39; search.
 Subpages o&#39; this plank plank 1-1-1 (hidden) plank 1-1-2 plank 1-1-3 </description>
     </item>
diff --git a/pir/shortcodes/children/children-2/index.html b/pir/shortcodes/children/children-2/index.html
index 8dd7c4e64b..7f6b855b3b 100644
--- a/pir/shortcodes/children/children-2/index.html
+++ b/pir/shortcodes/children/children-2/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1675789784"></script>
-    <script src="../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1675891449"></script>
+    <script src="../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,6 +76,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2"> > </li>
@@ -83,6 +84,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Plank 2</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -100,10 +106,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a demo child plank wit' no descript'n.</p>
 <p>So its rrrambl'n be used as descript'n.</p>
 
@@ -186,12 +191,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1675789787" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1675789787" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675789787" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1675789787" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1675789787" defer></script>
-        <script src="../../../../js/search.js?1675789787" defer></script>
+        <script src="../../../../js/auto-complete.js?1675891452" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1675891452" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675891452" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1675891452" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1675891452" defer></script>
+        <script src="../../../../js/search.js?1675891452" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -308,12 +313,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1675789787"></script>
+          <script async src="../../../../js/buttons.js?1675891453"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../js/theme.js?1675891453" 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 ecbaa31421..ea50195d5c 100644
--- a/pir/shortcodes/children/children-2/index.print.html
+++ b/pir/shortcodes/children/children-2/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../../js/url.js?1675789787"></script>
-    <script src="../../../../js/variant.js?1675789787"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../../js/url.js?1675891453"></script>
+    <script src="../../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -85,10 +85,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a demo child plank wit' no descript'n.</p>
 <p>So its rrrambl'n be used as descript'n.</p>
 
@@ -99,8 +98,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/index.html b/pir/shortcodes/children/children-3/index.html
index 75930d2676..a496c2c04b 100644
--- a/pir/shortcodes/children/children-3/index.html
+++ b/pir/shortcodes/children/children-3/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1675789784"></script>
-    <script src="../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1675891449"></script>
+    <script src="../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,6 +76,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2"> > </li>
@@ -83,6 +84,15 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Plank 3</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#subpages-of-this-page">Subpages o' this plank</a></li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -100,10 +110,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a demo child plank.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -191,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1675789787" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1675789787" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675789787" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1675789787" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1675789787" defer></script>
-        <script src="../../../../js/search.js?1675789787" defer></script>
+        <script src="../../../../js/auto-complete.js?1675891453" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1675891453" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675891453" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1675891453" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1675891453" defer></script>
+        <script src="../../../../js/search.js?1675891453" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -313,12 +322,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1675789787"></script>
+          <script async src="../../../../js/buttons.js?1675891453"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../js/theme.js?1675891453" 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 608ffe1dbb..3ce8c9a6b1 100644
--- a/pir/shortcodes/children/children-3/index.print.html
+++ b/pir/shortcodes/children/children-3/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../../js/url.js?1675789787"></script>
-    <script src="../../../../js/variant.js?1675789787"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../../js/url.js?1675891453"></script>
+    <script src="../../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -85,10 +85,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a demo child plank.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -111,10 +110,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -125,8 +123,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/index.xml b/pir/shortcodes/children/children-3/index.xml
index 7e80a401dd..82284deca2 100644
--- a/pir/shortcodes/children/children-3/index.xml
+++ b/pir/shortcodes/children/children-3/index.xml
@@ -11,7 +11,7 @@
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a plain demo child plank.</description>
     </item>
   </channel>
diff --git a/pir/shortcodes/children/children-3/test3/index.html b/pir/shortcodes/children/children-3/test3/index.html
index ab1d69591f..7ea8a55633 100644
--- a/pir/shortcodes/children/children-3/test3/index.html
+++ b/pir/shortcodes/children/children-3/test3/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../../../js/url.js?1675789784"></script>
-    <script src="../../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../../../js/url.js?1675891449"></script>
+    <script src="../../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,6 +76,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2"> > </li>
@@ -84,6 +85,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Plank 3-1</span><meta itemprop="position" content="5"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -101,10 +107,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -186,12 +191,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../../../js/search.js?1675789786" defer></script>
+        <script src="../../../../../js/auto-complete.js?1675891450" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1675891450" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1675891450" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1675891450" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1675891450" defer></script>
+        <script src="../../../../../js/search.js?1675891450" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -308,12 +313,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../../../js/buttons.js?1675891450"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1675891450" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1675891450" defer></script>
+    <script src="../../../../../js/theme.js?1675891450" 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 0b8e4841fb..7beb7761f2 100644
--- a/pir/shortcodes/children/children-3/test3/index.print.html
+++ b/pir/shortcodes/children/children-3/test3/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../../../js/url.js?1675789787"></script>
-    <script src="../../../../../js/variant.js?1675789787"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../../../js/url.js?1675891453"></script>
+    <script src="../../../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -86,10 +86,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -99,8 +98,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-4/index.html b/pir/shortcodes/children/children-4/index.html
index 43dfe525ff..ca0e995e48 100644
--- a/pir/shortcodes/children/children-4/index.html
+++ b/pir/shortcodes/children/children-4/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1675789784"></script>
-    <script src="../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1675891449"></script>
+    <script src="../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Plank 4 (hidden)</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -99,10 +105,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a <strong>hidden</strong> demo child plank. This plank an' all its children be hidden 'n th' menu, arrow navigat'n an' children shortcode as long as ye aren&rsquo;t view'n this plank or its children directly.</p>
 
 
@@ -184,12 +189,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1675789787" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1675789787" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675789787" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1675789787" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1675789787" defer></script>
-        <script src="../../../../js/search.js?1675789787" defer></script>
+        <script src="../../../../js/auto-complete.js?1675891453" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1675891453" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675891453" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1675891453" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1675891453" defer></script>
+        <script src="../../../../js/search.js?1675891453" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -307,12 +312,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1675789787"></script>
+          <script async src="../../../../js/buttons.js?1675891453"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../js/theme.js?1675891453" 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 85c12c22f2..323361bb08 100644
--- a/pir/shortcodes/children/children-4/index.print.html
+++ b/pir/shortcodes/children/children-4/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../../js/url.js?1675789787"></script>
-    <script src="../../../../js/variant.js?1675789787"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../../js/url.js?1675891453"></script>
+    <script src="../../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -84,10 +84,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a <strong>hidden</strong> demo child plank. This plank an' all its children be hidden 'n th' menu, arrow navigat'n an' children shortcode as long as ye aren&rsquo;t view'n this plank or its children directly.</p>
 
 
@@ -97,8 +96,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.html b/pir/shortcodes/children/index.html
index d769a424d4..86acf2c71b 100644
--- a/pir/shortcodes/children/index.html
+++ b/pir/shortcodes/children/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,12 +76,35 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Children</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#usage">Usage</a>
+      <ul>
+        <li><a href="#parameter">Parameter</a></li>
+      </ul>
+    </li>
+    <li><a href="#examples">Examples</a>
+      <ul>
+        <li><a href="#all-default">All Default</a></li>
+        <li><a href="#with-description">Wit' Descript'n</a></li>
+        <li><a href="#infinite-depth-and-hidden-pages">Infinite Depth an' Hidden Planks</a></li>
+        <li><a href="#heading-styles-for-container-and-elements">Head'n Styles fer Container an' Elements</a></li>
+        <li><a href="#divs-for-group-and-element-styles">Divs fer Group an' Element Styles</a></li>
+      </ul>
+    </li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -95,10 +118,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>children</code> shortcode lists th' child planks o' th' current plank an' its descendants.</p>
 
 <ul class="children children-li children-sort-weight">
@@ -115,13 +137,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -136,7 +158,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/children.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -369,12 +391,12 @@ So its rrrambl'n be used as descript'n.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../js/search.js?1675789786" defer></script>
+        <script src="../../../js/auto-complete.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891452" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891452" defer></script>
+        <script src="../../../js/search.js?1675891452" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -491,12 +513,12 @@ So its rrrambl'n be used as descript'n.</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../js/buttons.js?1675891452"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891452" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891452" defer></script>
+    <script src="../../../js/theme.js?1675891452" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.print.html b/pir/shortcodes/children/index.print.html
index 3214a0482e..8824e5d515 100644
--- a/pir/shortcodes/children/index.print.html
+++ b/pir/shortcodes/children/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,10 +80,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>children</code> shortcode lists th' child planks o' th' current plank an' its descendants.</p>
 
 <ul class="children children-li children-sort-weight">
@@ -100,13 +99,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -121,7 +120,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/children.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -289,10 +288,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -307,10 +305,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a demo child plank.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -333,10 +330,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a demo child plank wit' a hidden child. Ye can still access th' hidden child <a href="../../../shortcodes/children/children-1/children-1-1/children-1-1-1/">directly</a> or via th' search.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -361,10 +357,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -388,10 +383,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -406,10 +400,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -425,10 +418,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -445,10 +437,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a demo child plank wit' no descript'n.</p>
 <p>So its rrrambl'n be used as descript'n.</p>
 
@@ -464,10 +455,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a demo child plank.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -490,10 +480,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -505,8 +494,8 @@ So its rrrambl'n be used as descript'n.</p>
           </section>        </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.xml b/pir/shortcodes/children/index.xml
index 51f1b8e95e..ffd5071213 100644
--- a/pir/shortcodes/children/index.xml
+++ b/pir/shortcodes/children/index.xml
@@ -11,7 +11,7 @@
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/test/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/test/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a plain demo child plank.</description>
     </item>
     <item>
@@ -19,7 +19,7 @@ This be a plain demo child plank.</description>
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html</guid>
-      <description> Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description> Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a demo child plank.
 Subpages o&#39; this plank plank 1-1 </description>
     </item>
@@ -28,7 +28,7 @@ Subpages o&#39; this plank plank 1-1 </description>
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a demo child plank wit&#39; no descript&#39;n.
 So its rrrambl&#39;n be used as descript&#39;n.</description>
     </item>
@@ -37,7 +37,7 @@ So its rrrambl&#39;n be used as descript&#39;n.</description>
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html</guid>
-      <description> Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description> Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a demo child plank.
 Subpages o&#39; this plank plank 3-1 </description>
     </item>
diff --git a/pir/shortcodes/children/test/index.html b/pir/shortcodes/children/test/index.html
index f3c7ce54b6..740cea28ea 100644
--- a/pir/shortcodes/children/test/index.html
+++ b/pir/shortcodes/children/test/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -13,20 +13,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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1675789784"></script>
-    <script src="../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1675891449"></script>
+    <script src="../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,6 +76,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2"> > </li>
@@ -83,6 +84,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Plank X</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -96,10 +102,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -181,12 +186,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../../js/search.js?1675789786" defer></script>
+        <script src="../../../../js/auto-complete.js?1675891450" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1675891450" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675891450" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1675891450" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1675891450" defer></script>
+        <script src="../../../../js/search.js?1675891450" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -303,12 +308,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../../js/buttons.js?1675891450"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891450" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891450" defer></script>
+    <script src="../../../../js/theme.js?1675891450" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.print.html b/pir/shortcodes/children/test/index.print.html
index 4040ceb84a..42439c2f54 100644
--- a/pir/shortcodes/children/test/index.print.html
+++ b/pir/shortcodes/children/test/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -13,21 +13,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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../../js/url.js?1675789787"></script>
-    <script src="../../../../js/variant.js?1675789787"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../../js/url.js?1675891453"></script>
+    <script src="../../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,10 +81,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -94,8 +93,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.html b/pir/shortcodes/expand/index.html
index 9aea806dd6..abb2c63425 100644
--- a/pir/shortcodes/expand/index.html
+++ b/pir/shortcodes/expand/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,12 +76,33 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Expand</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#usage">Usage</a>
+      <ul>
+        <li><a href="#parameter">Parameter</a></li>
+      </ul>
+    </li>
+    <li><a href="#examples">Examples</a>
+      <ul>
+        <li><a href="#all-defaults">All Defaults</a></li>
+        <li><a href="#initially-expanded">Initially Expanded</a></li>
+        <li><a href="#arbitrary-text">Arbitrary Text</a></li>
+      </ul>
+    </li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -95,21 +116,20 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>expand</code> shortcode displays an expandable/collaps'ble section o' text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-12a048e4d93981275e6aa73702869fe7" aria-controls="expandcontent-12a048e4d93981275e6aa73702869fe7" >
-    <label class="expand-label" for="expand-12a048e4d93981275e6aa73702869fe7" >
+    <input type="checkbox" id="expand-99f1f50a30cbd3de3f8c3c3167094c31" aria-controls="expandcontent-99f1f50a30cbd3de3f8c3c3167094c31" >
+    <label class="expand-label" for="expand-99f1f50a30cbd3de3f8c3c3167094c31" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-12a048e4d93981275e6aa73702869fe7" class="expand-content">
+    <div id="expandcontent-99f1f50a30cbd3de3f8c3c3167094c31" class="expand-content">
 Thank ye!
     </div>
 </div>
@@ -127,19 +147,19 @@ Thank ye!
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -154,14 +174,14 @@ Thank ye!
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="s">&#34;Expand me...&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Thank</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>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/expand.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -208,14 +228,14 @@ Thank ye!
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">ye</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-f780a04c28ab9cf701eadddc5442aee8" aria-controls="expandcontent-f780a04c28ab9cf701eadddc5442aee8" >
-    <label class="expand-label" for="expand-f780a04c28ab9cf701eadddc5442aee8" >
+    <input type="checkbox" id="expand-f455547257a78be2e5b96517b7bb1bd6" aria-controls="expandcontent-f455547257a78be2e5b96517b7bb1bd6" >
+    <label class="expand-label" for="expand-f455547257a78be2e5b96517b7bb1bd6" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-f780a04c28ab9cf701eadddc5442aee8" class="expand-content">
+    <div id="expandcontent-f455547257a78be2e5b96517b7bb1bd6" class="expand-content">
 Yes, ye did it!
     </div>
 </div>
@@ -223,14 +243,14 @@ Yes, ye did it!
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">t'</span> <span class="nx">press</span> <span class="nx">ye</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-b19b05165b5c35f05515cd1287d562f8" aria-controls="expandcontent-b19b05165b5c35f05515cd1287d562f8"  checked>
-    <label class="expand-label" for="expand-b19b05165b5c35f05515cd1287d562f8" >
+    <input type="checkbox" id="expand-2896086cdf02a19fd5a54de172dcd8b1" aria-controls="expandcontent-2896086cdf02a19fd5a54de172dcd8b1"  checked>
+    <label class="expand-label" for="expand-2896086cdf02a19fd5a54de172dcd8b1" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-b19b05165b5c35f05515cd1287d562f8" class="expand-content">
+    <div id="expandcontent-2896086cdf02a19fd5a54de172dcd8b1" class="expand-content">
 No need t' press ye!
     </div>
 </div>
@@ -252,14 +272,14 @@ No need t' press ye!
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-12fb7e3a7eb217f4862e2c0e11154378" aria-controls="expandcontent-12fb7e3a7eb217f4862e2c0e11154378" >
-    <label class="expand-label" for="expand-12fb7e3a7eb217f4862e2c0e11154378" >
+    <input type="checkbox" id="expand-961e661f7210c749d86d6b080790b41b" aria-controls="expandcontent-961e661f7210c749d86d6b080790b41b" >
+    <label class="expand-label" for="expand-961e661f7210c749d86d6b080790b41b" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Show me almost endless possibilities
     </label>
-    <div id="expandcontent-12fb7e3a7eb217f4862e2c0e11154378" class="expand-content">
+    <div id="expandcontent-961e661f7210c749d86d6b080790b41b" class="expand-content">
 <p>Ye can add standard markdown rules:</p>
 <ul>
 <li>multiple paragraphs</li>
@@ -355,12 +375,12 @@ No need t' press ye!
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789785" defer></script>
-        <script src="../../../js/search.js?1675789785" defer></script>
+        <script src="../../../js/auto-complete.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891450" defer></script>
+        <script src="../../../js/search.js?1675891450" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -477,12 +497,12 @@ No need t' press ye!
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789785"></script>
+          <script async src="../../../js/buttons.js?1675891450"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789785" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789785" defer></script>
-    <script src="../../../js/theme.js?1675789785" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891450" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891450" defer></script>
+    <script src="../../../js/theme.js?1675891450" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.print.html b/pir/shortcodes/expand/index.print.html
index 2ea36237a9..14add868a2 100644
--- a/pir/shortcodes/expand/index.print.html
+++ b/pir/shortcodes/expand/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,21 +80,20 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>expand</code> shortcode displays an expandable/collaps'ble section o' text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-12a048e4d93981275e6aa73702869fe7" aria-controls="expandcontent-12a048e4d93981275e6aa73702869fe7" >
-    <label class="expand-label" for="expand-12a048e4d93981275e6aa73702869fe7" >
+    <input type="checkbox" id="expand-99f1f50a30cbd3de3f8c3c3167094c31" aria-controls="expandcontent-99f1f50a30cbd3de3f8c3c3167094c31" >
+    <label class="expand-label" for="expand-99f1f50a30cbd3de3f8c3c3167094c31" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-12a048e4d93981275e6aa73702869fe7" class="expand-content">
+    <div id="expandcontent-99f1f50a30cbd3de3f8c3c3167094c31" class="expand-content">
 Thank ye!
     </div>
 </div>
@@ -112,19 +111,19 @@ Thank ye!
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -139,14 +138,14 @@ Thank ye!
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="s">&#34;Expand me...&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Thank</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>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/expand.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -193,14 +192,14 @@ Thank ye!
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">ye</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-f780a04c28ab9cf701eadddc5442aee8" aria-controls="expandcontent-f780a04c28ab9cf701eadddc5442aee8" >
-    <label class="expand-label" for="expand-f780a04c28ab9cf701eadddc5442aee8" >
+    <input type="checkbox" id="expand-f455547257a78be2e5b96517b7bb1bd6" aria-controls="expandcontent-f455547257a78be2e5b96517b7bb1bd6" >
+    <label class="expand-label" for="expand-f455547257a78be2e5b96517b7bb1bd6" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-f780a04c28ab9cf701eadddc5442aee8" class="expand-content">
+    <div id="expandcontent-f455547257a78be2e5b96517b7bb1bd6" class="expand-content">
 Yes, ye did it!
     </div>
 </div>
@@ -208,14 +207,14 @@ Yes, ye did it!
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">t'</span> <span class="nx">press</span> <span class="nx">ye</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-b19b05165b5c35f05515cd1287d562f8" aria-controls="expandcontent-b19b05165b5c35f05515cd1287d562f8"  checked>
-    <label class="expand-label" for="expand-b19b05165b5c35f05515cd1287d562f8" >
+    <input type="checkbox" id="expand-2896086cdf02a19fd5a54de172dcd8b1" aria-controls="expandcontent-2896086cdf02a19fd5a54de172dcd8b1"  checked>
+    <label class="expand-label" for="expand-2896086cdf02a19fd5a54de172dcd8b1" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-b19b05165b5c35f05515cd1287d562f8" class="expand-content">
+    <div id="expandcontent-2896086cdf02a19fd5a54de172dcd8b1" class="expand-content">
 No need t' press ye!
     </div>
 </div>
@@ -237,14 +236,14 @@ No need t' press ye!
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-12fb7e3a7eb217f4862e2c0e11154378" aria-controls="expandcontent-12fb7e3a7eb217f4862e2c0e11154378" >
-    <label class="expand-label" for="expand-12fb7e3a7eb217f4862e2c0e11154378" >
+    <input type="checkbox" id="expand-961e661f7210c749d86d6b080790b41b" aria-controls="expandcontent-961e661f7210c749d86d6b080790b41b" >
+    <label class="expand-label" for="expand-961e661f7210c749d86d6b080790b41b" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Show me almost endless possibilities
     </label>
-    <div id="expandcontent-12fb7e3a7eb217f4862e2c0e11154378" class="expand-content">
+    <div id="expandcontent-961e661f7210c749d86d6b080790b41b" class="expand-content">
 <p>Ye can add standard markdown rules:</p>
 <ul>
 <li>multiple paragraphs</li>
@@ -268,8 +267,8 @@ No need t' press ye!
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.html b/pir/shortcodes/icon/index.html
index 2334b5500f..5c181b64f4 100644
--- a/pir/shortcodes/icon/index.html
+++ b/pir/shortcodes/icon/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,12 +76,34 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Icon</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#usage">Usage</a>
+      <ul>
+        <li><a href="#parameter">Parameter</a></li>
+        <li><a href="#finding-an-icon">Find'n an ay'con</a></li>
+        <li><a href="#customising-icons">Customis'n Ay'cons</a></li>
+      </ul>
+    </li>
+    <li><a href="#examples">Examples</a>
+      <ul>
+        <li><a href="#standard-usage">Standard Usage</a></li>
+        <li><a href="#advanced-html-usage">Advanced HTML Usage</a></li>
+      </ul>
+    </li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -95,10 +117,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>ay'con</code> shortcode displays ay'cons us'n th' <a href="https://fontawesome.com" target="_blank">Font Awesome</a> library.</p>
 <p>
 <i class="fa-fw fas fa-exclamation-triangle"></i>
@@ -113,19 +134,19 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -142,7 +163,7 @@
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">ay'con</span> <span class="nx">exclamat'n</span><span class="o">-</span><span class="nx">triangle</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">ay'con</span> <span class="nx">angle</span><span class="o">-</span><span class="nx">do'ble</span><span class="o">-</span><span class="nx">up</span> <span class="o">%</span><span class="p">}}</span>
@@ -151,7 +172,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/icon.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -289,12 +310,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789785" defer></script>
-        <script src="../../../js/search.js?1675789785" defer></script>
+        <script src="../../../js/auto-complete.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891450" defer></script>
+        <script src="../../../js/search.js?1675891450" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -411,12 +432,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789785"></script>
+          <script async src="../../../js/buttons.js?1675891450"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789785" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789785" defer></script>
-    <script src="../../../js/theme.js?1675789785" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891450" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891450" defer></script>
+    <script src="../../../js/theme.js?1675891450" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.print.html b/pir/shortcodes/icon/index.print.html
index 2e916c6fff..bcdf83785b 100644
--- a/pir/shortcodes/icon/index.print.html
+++ b/pir/shortcodes/icon/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,10 +80,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>ay'con</code> shortcode displays ay'cons us'n th' <a href="https://fontawesome.com" target="_blank">Font Awesome</a> library.</p>
 <p>
 <i class="fa-fw fas fa-exclamation-triangle"></i>
@@ -98,19 +97,19 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -127,7 +126,7 @@
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">ay'con</span> <span class="nx">exclamat'n</span><span class="o">-</span><span class="nx">triangle</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">ay'con</span> <span class="nx">angle</span><span class="o">-</span><span class="nx">do'ble</span><span class="o">-</span><span class="nx">up</span> <span class="o">%</span><span class="p">}}</span>
@@ -136,7 +135,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/icon.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -202,8 +201,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.html b/pir/shortcodes/include/index.html
index 8d7f789e5a..02b92083f9 100644
--- a/pir/shortcodes/include/index.html
+++ b/pir/shortcodes/include/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,12 +76,31 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Include</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#usage">Usage</a>
+      <ul>
+        <li><a href="#parameter">Parameter</a></li>
+      </ul>
+    </li>
+    <li><a href="#examples">Examples</a>
+      <ul>
+        <li><a href="#arbitrary-content">Arbitrary Rrrambl'n</a></li>
+      </ul>
+    </li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -95,10 +114,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>include</code> shortcode includes other files from yer project inside o' th' current plank.</p>
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or also call this shortcode from yer own partials.</p>
@@ -107,19 +125,19 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -134,14 +152,14 @@
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/include .html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -272,12 +290,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789785" defer></script>
-        <script src="../../../js/search.js?1675789785" defer></script>
+        <script src="../../../js/auto-complete.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891450" defer></script>
+        <script src="../../../js/search.js?1675891450" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -394,12 +412,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789785"></script>
+          <script async src="../../../js/buttons.js?1675891450"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789785" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789785" defer></script>
-    <script src="../../../js/theme.js?1675789785" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891450" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891450" defer></script>
+    <script src="../../../js/theme.js?1675891450" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.print.html b/pir/shortcodes/include/index.print.html
index 846c364a2d..99268f35d6 100644
--- a/pir/shortcodes/include/index.print.html
+++ b/pir/shortcodes/include/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,10 +80,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>include</code> shortcode includes other files from yer project inside o' th' current plank.</p>
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or also call this shortcode from yer own partials.</p>
@@ -92,19 +91,19 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -119,14 +118,14 @@
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/include .html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -185,8 +184,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.html b/pir/shortcodes/index.html
index 9127abd0c9..dacb1f18bc 100644
--- a/pir/shortcodes/index.html
+++ b/pir/shortcodes/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,11 +76,17 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Shorrrtcodes</span><meta itemprop="position" content="2"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable chapter narrow" tabindex="-1">
@@ -95,10 +101,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Cap'n Hugo uses Marrrkdown fer its simple rrrambl'n format. However, there be a lot o' th'ns that Marrrkdown doesn’t support well. Ye could use pure HTML t' expand possibilities.</p>
 <p>But this happens t' be a bad idea. Everyone uses Marrrkdown because it&rsquo;s pure an' simple t' read even non-rendered. Ye should avoid HTML t' keep it as simple as poss'ble.</p>
 <p>T' avoid this limitat'ns, Cap'n Hugo created <a href="https://gohugo.io/extras/shortcodes/" target="_blank">shorrrtcodes</a>. A shortcode be a simple snippet inside a plank.</p>
@@ -200,12 +205,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../js/search.js?1675789786" defer></script>
+        <script src="../../js/auto-complete.js?1675891452" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891452" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891452" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891452" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891452" defer></script>
+        <script src="../../js/search.js?1675891452" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -322,12 +327,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789786"></script>
+          <script async src="../../js/buttons.js?1675891452"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../js/theme.js?1675789786" defer></script>
+    <script src="../../js/clipboard.min.js?1675891452" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891452" defer></script>
+    <script src="../../js/theme.js?1675891452" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.print.html b/pir/shortcodes/index.print.html
index 812d4e23dd..de371d8735 100644
--- a/pir/shortcodes/index.print.html
+++ b/pir/shortcodes/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../js/url.js?1675789787"></script>
-    <script src="../../js/variant.js?1675789787"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../js/url.js?1675891453"></script>
+    <script src="../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,10 +80,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Cap'n Hugo uses Marrrkdown fer its simple rrrambl'n format. However, there be a lot o' th'ns that Marrrkdown doesn’t support well. Ye could use pure HTML t' expand possibilities.</p>
 <p>But this happens t' be a bad idea. Everyone uses Marrrkdown because it&rsquo;s pure an' simple t' read even non-rendered. Ye should avoid HTML t' keep it as simple as poss'ble.</p>
 <p>T' avoid this limitat'ns, Cap'n Hugo created <a href="https://gohugo.io/extras/shortcodes/" target="_blank">shorrrtcodes</a>. A shortcode be a simple snippet inside a plank.</p>
@@ -127,10 +126,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>attachments</code> shortcode displays a list o' files attached t' a plank wit' adjust'ble color, title an' ay'con.</p>
 
 <div class="box attachments cstyle transparent">
@@ -151,13 +149,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -172,7 +170,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/attachments.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -370,10 +368,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>badge</code> shortcode displays little markers 'n yer text wit' adjust'ble color, title an' ay'con.</p>
 <p><span class="badge cstyle default"><span class="badge-content">Important</span></span>
 <span class="badge cstyle primary badge-with-title"><span class="badge-title">Version</span><span class="badge-content">6.6.6</span></span>
@@ -387,13 +384,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -412,7 +409,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/badge.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -589,10 +586,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>button</code> shortcode displays a click'ble button wit' adjust'ble color, title an' ay'con.</p>
 <p>
 <span class="btn cstyle transparent">
@@ -614,13 +610,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -636,7 +632,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/button.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -928,10 +924,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>children</code> shortcode lists th' child planks o' th' current plank an' its descendants.</p>
 
 <ul class="children children-li children-sort-weight">
@@ -948,13 +943,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -969,7 +964,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/children.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -1137,10 +1132,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -1155,10 +1149,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a demo child plank.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -1181,10 +1174,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a demo child plank wit' a hidden child. Ye can still access th' hidden child <a href="../../shortcodes/children/children-1/children-1-1/children-1-1-1/">directly</a> or via th' search.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -1209,10 +1201,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -1236,10 +1227,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -1254,10 +1244,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -1273,10 +1262,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -1293,10 +1281,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a demo child plank wit' no descript'n.</p>
 <p>So its rrrambl'n be used as descript'n.</p>
 
@@ -1312,10 +1299,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a demo child plank.</p>
 <h2 id="subpages-of-this-page">Subpages o' this plank</h2>
 
@@ -1338,10 +1324,9 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>This be a plain demo child plank.</p>
 
 
@@ -1358,21 +1343,20 @@ So its rrrambl'n be used as descript'n.</p>
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>expand</code> shortcode displays an expandable/collaps'ble section o' text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-12a048e4d93981275e6aa73702869fe7" aria-controls="expandcontent-12a048e4d93981275e6aa73702869fe7" >
-    <label class="expand-label" for="expand-12a048e4d93981275e6aa73702869fe7" >
+    <input type="checkbox" id="expand-99f1f50a30cbd3de3f8c3c3167094c31" aria-controls="expandcontent-99f1f50a30cbd3de3f8c3c3167094c31" >
+    <label class="expand-label" for="expand-99f1f50a30cbd3de3f8c3c3167094c31" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-12a048e4d93981275e6aa73702869fe7" class="expand-content">
+    <div id="expandcontent-99f1f50a30cbd3de3f8c3c3167094c31" class="expand-content">
 Thank ye!
     </div>
 </div>
@@ -1390,19 +1374,19 @@ Thank ye!
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -1417,14 +1401,14 @@ Thank ye!
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="s">&#34;Expand me...&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Thank</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>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/expand.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -1471,14 +1455,14 @@ Thank ye!
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">ye</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-f780a04c28ab9cf701eadddc5442aee8" aria-controls="expandcontent-f780a04c28ab9cf701eadddc5442aee8" >
-    <label class="expand-label" for="expand-f780a04c28ab9cf701eadddc5442aee8" >
+    <input type="checkbox" id="expand-f455547257a78be2e5b96517b7bb1bd6" aria-controls="expandcontent-f455547257a78be2e5b96517b7bb1bd6" >
+    <label class="expand-label" for="expand-f455547257a78be2e5b96517b7bb1bd6" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-f780a04c28ab9cf701eadddc5442aee8" class="expand-content">
+    <div id="expandcontent-f455547257a78be2e5b96517b7bb1bd6" class="expand-content">
 Yes, ye did it!
     </div>
 </div>
@@ -1486,14 +1470,14 @@ Yes, ye did it!
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">t'</span> <span class="nx">press</span> <span class="nx">ye</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-b19b05165b5c35f05515cd1287d562f8" aria-controls="expandcontent-b19b05165b5c35f05515cd1287d562f8"  checked>
-    <label class="expand-label" for="expand-b19b05165b5c35f05515cd1287d562f8" >
+    <input type="checkbox" id="expand-2896086cdf02a19fd5a54de172dcd8b1" aria-controls="expandcontent-2896086cdf02a19fd5a54de172dcd8b1"  checked>
+    <label class="expand-label" for="expand-2896086cdf02a19fd5a54de172dcd8b1" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-b19b05165b5c35f05515cd1287d562f8" class="expand-content">
+    <div id="expandcontent-2896086cdf02a19fd5a54de172dcd8b1" class="expand-content">
 No need t' press ye!
     </div>
 </div>
@@ -1515,14 +1499,14 @@ No need t' press ye!
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-12fb7e3a7eb217f4862e2c0e11154378" aria-controls="expandcontent-12fb7e3a7eb217f4862e2c0e11154378" >
-    <label class="expand-label" for="expand-12fb7e3a7eb217f4862e2c0e11154378" >
+    <input type="checkbox" id="expand-961e661f7210c749d86d6b080790b41b" aria-controls="expandcontent-961e661f7210c749d86d6b080790b41b" >
+    <label class="expand-label" for="expand-961e661f7210c749d86d6b080790b41b" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Show me almost endless possibilities
     </label>
-    <div id="expandcontent-12fb7e3a7eb217f4862e2c0e11154378" class="expand-content">
+    <div id="expandcontent-961e661f7210c749d86d6b080790b41b" class="expand-content">
 <p>Ye can add standard markdown rules:</p>
 <ul>
 <li>multiple paragraphs</li>
@@ -1551,10 +1535,9 @@ No need t' press ye!
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>ay'con</code> shortcode displays ay'cons us'n th' <a href="https://fontawesome.com" target="_blank">Font Awesome</a> library.</p>
 <p>
 <i class="fa-fw fas fa-exclamation-triangle"></i>
@@ -1569,19 +1552,19 @@ No need t' press ye!
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -1598,7 +1581,7 @@ No need t' press ye!
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">ay'con</span> <span class="nx">exclamat'n</span><span class="o">-</span><span class="nx">triangle</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">ay'con</span> <span class="nx">angle</span><span class="o">-</span><span class="nx">do'ble</span><span class="o">-</span><span class="nx">up</span> <span class="o">%</span><span class="p">}}</span>
@@ -1607,7 +1590,7 @@ No need t' press ye!
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/icon.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -1678,10 +1661,9 @@ No need t' press ye!
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>include</code> shortcode includes other files from yer project inside o' th' current plank.</p>
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or also call this shortcode from yer own partials.</p>
@@ -1690,19 +1672,19 @@ No need t' press ye!
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -1717,14 +1699,14 @@ No need t' press ye!
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/include .html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -1788,10 +1770,9 @@ No need t' press ye!
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>math</code> shortcode generates beautiful formatted math an' chemical formulae us'n th' <a href="https://mathjax.org/" target="_blank">MathJax</a> library.</p>
 
 <span class="math align-center">
@@ -1819,19 +1800,19 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
   <div class="tab-nav">
     <button
       data-tab-item="codefence"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
       <span>codefence</span></button>
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -1848,7 +1829,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     </div>
     <div
       data-tab-item="shortcode"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">math</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;center&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="err">$$\</span><span class="nf">left</span><span class="p">(</span> <span class="err">\</span><span class="nx">sum_</span><span class="p">{</span><span class="nx">k</span><span class="p">=</span><span class="mi">1</span><span class="p">}^</span><span class="nx">n</span> <span class="nx">a_k</span> <span class="nx">b_k</span> <span class="err">\</span><span class="nx">right</span><span class="p">)^</span><span class="mi">2</span> <span class="err">\</span><span class="nx">leq</span> <span class="err">\</span><span class="nf">left</span><span class="p">(</span> <span class="err">\</span><span class="nx">sum_</span><span class="p">{</span><span class="nx">k</span><span class="p">=</span><span class="mi">1</span><span class="p">}^</span><span class="nx">n</span> <span class="nx">a_k</span><span class="p">^</span><span class="mi">2</span> <span class="err">\</span><span class="nx">right</span><span class="p">)</span> <span class="err">\</span><span class="nf">left</span><span class="p">(</span> <span class="err">\</span><span class="nx">sum_</span><span class="p">{</span><span class="nx">k</span><span class="p">=</span><span class="mi">1</span><span class="p">}^</span><span class="nx">n</span> <span class="nx">b_k</span><span class="p">^</span><span class="mi">2</span> <span class="err">\</span><span class="nx">right</span><span class="p">)</span><span class="err">$$</span>
@@ -1857,7 +1838,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/math.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -1958,10 +1939,9 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </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">
@@ -1998,19 +1978,19 @@ graph LR;
   <div class="tab-nav">
     <button
       data-tab-item="codefence"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
       <span>codefence</span></button>
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -2029,7 +2009,7 @@ graph LR;
     </div>
     <div
       data-tab-item="shortcode"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;center&#34;</span> <span class="nx">zoom</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">graph</span> <span class="nx">LR</span><span class="p">;</span>
@@ -2040,7 +2020,7 @@ graph LR;
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/mermaid.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -2483,10 +2463,9 @@ C4Context
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>notice</code> shortcode shows various types o' disclaimers wit' adjust'ble color, title an' ay'con t' help ye structure yer plank.</p>
 
 <div class="box notices cstyle primary">
@@ -2502,19 +2481,19 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -2531,7 +2510,7 @@ C4Context
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">primary</span> <span class="s">&#34;There may be pirates&#34;</span> <span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">It</span> <span class="nx">be</span> <span class="nx">all</span> <span class="nx">about</span> <span class="nx">th'</span> <span class="nx">boxes</span><span class="p">.</span>
@@ -2540,7 +2519,7 @@ C4Context
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/notice.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -2826,10 +2805,9 @@ C4Context
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>siteparam</code> shortcode prints values o' ship params.</p>
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or call this shortcode from yer own partials.</p>
@@ -2838,19 +2816,19 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -2865,14 +2843,14 @@ C4Context
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">siteparam</span> <span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/siteparam.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -2918,10 +2896,9 @@ C4Context
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>swagger</code> shortcode uses th' <a href="https://mrin9.github.io/RapiDoc" target="_blank">RapiDoc</a> library t' display yer Swagger / OpenAPI Specificat'ns.</p>
 
 <div class="box notices cstyle note">
@@ -2937,13 +2914,13 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -2958,7 +2935,7 @@ C4Context
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/swagger.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -3032,10 +3009,9 @@ C4Context
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>tabs</code> shortcode displays arbitrary rrrambl'n 'n unlimited number o' tabs.</p>
 <p>This comes 'n handy eg. fer provid'n code snippets fer multiple languages or provid'n configurat'n 'n different formats.</p>
 
@@ -3043,13 +3019,13 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-language','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-language','bash')"
     >
       <span>bash</span></button>
@@ -3064,7 +3040,7 @@ C4Context
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
 </span></span></code></pre></div>
@@ -3078,13 +3054,13 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -3110,7 +3086,7 @@ C4Context
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/tabs.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -3185,19 +3161,19 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="json"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-config','json')"
     >
       <span>json</span></button>
     <button
       data-tab-item="XML"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-config','XML')"
     >
       <span>XML</span></button>
     <button
       data-tab-item="properties"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-config','properties')"
     >
       <span>properties</span></button>
@@ -3214,14 +3190,14 @@ C4Context
     </div>
     <div
       data-tab-item="XML"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-xml" data-lang="xml"><span class="line"><span class="cl"><span class="nt">&lt;Hello&gt;</span>World<span class="nt">&lt;/Hello&gt;</span>
 </span></span></code></pre></div>
     </div>
     <div
       data-tab-item="properties"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-ini" data-lang="ini"><span class="line"><span class="cl"><span class="na">Hello</span> <span class="o">=</span> <span class="s">World</span>
 </span></span></code></pre></div>
@@ -3249,13 +3225,13 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="json"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-config','json')"
     >
       <span>json</span></button>
     <button
       data-tab-item="XML"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-config','XML')"
     >
       <span>XML</span></button>
@@ -3272,7 +3248,7 @@ C4Context
     </div>
     <div
       data-tab-item="XML"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-xml" data-lang="xml"><span class="line"><span class="cl"><span class="nt">&lt;Hello&gt;</span>World<span class="nt">&lt;/Hello&gt;</span>
 </span></span></code></pre></div>
@@ -3318,13 +3294,13 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="Text"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('main','Text')"
     >
       <span>Text</span></button>
     <button
       data-tab-item="Code"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('main','Code')"
     >
       <span>Code</span></button>
@@ -3341,13 +3317,13 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-language','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-language','bash')"
     >
       <span>bash</span></button>
@@ -3366,7 +3342,7 @@ C4Context
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <p>Bash be fer <strong>hackers</strong>.</p>
 
@@ -3377,7 +3353,7 @@ C4Context
     </div>
     <div
       data-tab-item="Code"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 
   ...but no markdown
@@ -3386,13 +3362,13 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-language','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-language','bash')"
     >
       <span>bash</span></button>
@@ -3407,7 +3383,7 @@ C4Context
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
 </span></span></code></pre></div>
@@ -3427,8 +3403,8 @@ C4Context
           </section>        </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../js/theme.js?1675789787" defer></script>
+    <script src="../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.xml b/pir/shortcodes/index.xml
index 0611016131..4dd9baaf4e 100644
--- a/pir/shortcodes/index.xml
+++ b/pir/shortcodes/index.xml
@@ -11,16 +11,16 @@
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/attachments/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/attachments/index.html</guid>
-      <description>Attachments NoTreasure.txt (26 B) Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Attachments NoTreasure.txt (26 B) Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Th&#39; attachments shortcode displays a list o&#39; files attached t&#39; a plank wit&#39; adjust&#39;ble color, title an&#39; ay&#39;con.
-Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; also call this shortcode from yer own partials.</description>
+Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.</description>
     </item>
     <item>
       <title>Badge</title>
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/badge/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/badge/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Th&#39; badge shortcode displays little markers &#39;n yer text wit&#39; adjust&#39;ble color, title an&#39; ay&#39;con.
 Important Version6.6.6 Captain AhoiNew Awesome
 Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; also call this shortcode from yer own partials.</description>
@@ -30,7 +30,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/button/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/button/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Th&#39; button shortcode displays a click&#39;ble button wit&#39; adjust&#39;ble color, title an&#39; ay&#39;con.
 Get Cap&#39;n Hugo Get Cap&#39;n Hugo Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; also call this shortcode from yer own partials.</description>
     </item>
@@ -39,7 +39,7 @@ Get Cap&#39;n Hugo Get Cap&#39;n Hugo Usage While th&#39; examples be us&#39;n s
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Th&#39; children shortcode lists th&#39; child planks o&#39; th&#39; current plank an&#39; its descendants.
 plank X plank 1 plank 2 plank 3 Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; also call this shortcode from yer own partials.</description>
     </item>
@@ -48,7 +48,7 @@ plank X plank 1 plank 2 plank 3 Usage While th&#39; examples be us&#39;n shorrrt
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/expand/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/expand/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Th&#39; expand shortcode displays an expandable/collaps&#39;ble section o&#39; text.
 Expand me... Thank ye! Avast This only works &#39;n modern browsers flawlessly. While Internet Explorer 11 has issues &#39;n display&#39;n it, th&#39; functionality still works.
 Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; use positional as well or also call this shortcode from yer own partials.</description>
@@ -58,7 +58,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/icon/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/icon/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Th&#39; ay&#39;con shortcode displays ay&#39;cons us&#39;n th&#39; Font Awesome library.
 Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; positional parameter ye be free t&#39; also call this shortcode from yer own partials.
 shortcode shortcode (positional) partial {{% ay&#39;con ay&#39;con=&amp;#34;exclamation-triangle&amp;#34; %}} {{% ay&#39;con ay&#39;con=&amp;#34;angle-double-up&amp;#34; %}} {{% ay&#39;con ay&#39;con=&amp;#34;skull-crossbones&amp;#34; %}} {{% ay&#39;con exclamat&#39;n-triangle %}} {{% ay&#39;con angle-do&#39;ble-up %}} {{% ay&#39;con skull-crossbones %}} {{ partial &amp;#34;shortcodes/icon.</description>
@@ -68,17 +68,16 @@ shortcode shortcode (positional) partial {{% ay&#39;con ay&#39;con=&amp;#34;excl
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Th&#39; include shortcode includes other files from yer project inside o&#39; th&#39; current plank.
-Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; use positional aswell or also call this shortcode from yer own partials.
-shortcode shortcode (positional) partial {{% include file=&amp;#34;shortcodes/INCLUDE_ME.</description>
+Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; use positional aswell or also call this shortcode from yer own partials.</description>
     </item>
     <item>
       <title>Math</title>
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/math/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/math/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Th&#39; math shortcode generates beautiful formatted math an&#39; chemical formulae us&#39;n th&#39; MathJax library.
 $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)$$ Avast This only works &#39;n modern browsers.
 Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter it be recommended t&#39; use codefences instead.</description>
@@ -88,7 +87,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter i
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Th&#39; mermaid shortcode generates diagrams an&#39; flowcharts from text, &#39;n a similar manner as Marrrkdown us&#39;n th&#39; Merrrmaid library.
 graph LR; If --&amp;gt; Then Then --&amp;gt; Else Avast This only works &#39;n modern browsers.
 Arrr Due t&#39; limitat&#39;ns wit&#39; Merrrmaid, it be currently not poss&#39;ble t&#39; use Merrrmaid code fences &#39;n an initially collapsed expand shortcode.</description>
@@ -98,7 +97,7 @@ Arrr Due t&#39; limitat&#39;ns wit&#39; Merrrmaid, it be currently not poss&#39;
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/notice/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/notice/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Th&#39; notice shortcode shows various types o&#39; disclaimers wit&#39; adjust&#39;ble color, title an&#39; ay&#39;con t&#39; help ye structure yer plank.
 There may be pirates It be all about th&#39; boxes.
 Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; use positional as well or also call this shortcode from yer own partials.</description>
@@ -108,7 +107,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Th&#39; siteparam shortcode prints values o&#39; ship params.
 Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; use positional aswell or call this shortcode from yer own partials.
 shortcode shortcode (positional) partial {{% siteparam name=&amp;#34;editURL&amp;#34; %}} {{% siteparam &amp;#34;editURL&amp;#34; %}} {{ partial &amp;#34;shortcodes/siteparam.</description>
@@ -118,7 +117,7 @@ shortcode shortcode (positional) partial {{% siteparam name=&amp;#34;editURL&amp
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/swagger/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/swagger/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Th&#39; swagger shortcode uses th&#39; RapiDoc library t&#39; display yer Swagger / OpenAPI Specificat&#39;ns.
 Avast This only works &#39;n modern browsers.
 Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; also call this shortcode from yer own partials.</description>
@@ -128,7 +127,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tabs/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tabs/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Th&#39; tabs shortcode displays arbitrary rrrambl&#39;n &#39;n unlimited number o&#39; tabs.
 This comes &#39;n handy eg. fer provid&#39;n code snippets fer multiple languages or provid&#39;n configurat&#39;n &#39;n different formats.
 python bash print(&amp;#34;Hello World!&amp;#34;) echo &amp;#34;Hello World!&amp;#34; Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; also call this shortcode from yer own partials.</description>
diff --git a/pir/shortcodes/math/index.html b/pir/shortcodes/math/index.html
index 09d82dfc4d..c94e19356f 100644
--- a/pir/shortcodes/math/index.html
+++ b/pir/shortcodes/math/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,12 +76,40 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Math</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#usage">Usage</a>
+      <ul>
+        <li><a href="#parameter">Parameter</a></li>
+      </ul>
+    </li>
+    <li><a href="#configuration">Configurat'n</a>
+      <ul>
+        <li><a href="#global-configuration-file">Global Configurat'n File</a></li>
+        <li><a href="#pages-frontmatter">Page&rsquo;s Frontmatter</a></li>
+      </ul>
+    </li>
+    <li><a href="#examples">Examples</a>
+      <ul>
+        <li><a href="#inline-math">Inline Math</a></li>
+        <li><a href="#blocklevel-math-with-right-alignment">Blocklevel Math wit' Right Alignment</a></li>
+        <li><a href="#codefence">Codefence</a></li>
+        <li><a href="#chemical-formulae">Chemical Formulae</a></li>
+      </ul>
+    </li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -95,10 +123,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>math</code> shortcode generates beautiful formatted math an' chemical formulae us'n th' <a href="https://mathjax.org/" target="_blank">MathJax</a> library.</p>
 
 <span class="math align-center">
@@ -126,19 +153,19 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
   <div class="tab-nav">
     <button
       data-tab-item="codefence"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
       <span>codefence</span></button>
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -155,7 +182,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     </div>
     <div
       data-tab-item="shortcode"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">math</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;center&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="err">$$\</span><span class="nf">left</span><span class="p">(</span> <span class="err">\</span><span class="nx">sum_</span><span class="p">{</span><span class="nx">k</span><span class="p">=</span><span class="mi">1</span><span class="p">}^</span><span class="nx">n</span> <span class="nx">a_k</span> <span class="nx">b_k</span> <span class="err">\</span><span class="nx">right</span><span class="p">)^</span><span class="mi">2</span> <span class="err">\</span><span class="nx">leq</span> <span class="err">\</span><span class="nf">left</span><span class="p">(</span> <span class="err">\</span><span class="nx">sum_</span><span class="p">{</span><span class="nx">k</span><span class="p">=</span><span class="mi">1</span><span class="p">}^</span><span class="nx">n</span> <span class="nx">a_k</span><span class="p">^</span><span class="mi">2</span> <span class="err">\</span><span class="nx">right</span><span class="p">)</span> <span class="err">\</span><span class="nf">left</span><span class="p">(</span> <span class="err">\</span><span class="nx">sum_</span><span class="p">{</span><span class="nx">k</span><span class="p">=</span><span class="mi">1</span><span class="p">}^</span><span class="nx">n</span> <span class="nx">b_k</span><span class="p">^</span><span class="mi">2</span> <span class="err">\</span><span class="nx">right</span><span class="p">)</span><span class="err">$$</span>
@@ -164,7 +191,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/math.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -332,12 +359,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789785" defer></script>
-        <script src="../../../js/search.js?1675789785" defer></script>
+        <script src="../../../js/auto-complete.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891450" defer></script>
+        <script src="../../../js/search.js?1675891450" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -454,12 +481,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789785"></script>
+          <script async src="../../../js/buttons.js?1675891450"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789785" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789785" defer></script>
-    <script src="../../../js/theme.js?1675789785" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891450" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891450" defer></script>
+    <script src="../../../js/theme.js?1675891450" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/math/index.print.html b/pir/shortcodes/math/index.print.html
index 34825568b3..b77985e998 100644
--- a/pir/shortcodes/math/index.print.html
+++ b/pir/shortcodes/math/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,10 +80,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>math</code> shortcode generates beautiful formatted math an' chemical formulae us'n th' <a href="https://mathjax.org/" target="_blank">MathJax</a> library.</p>
 
 <span class="math align-center">
@@ -111,19 +110,19 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
   <div class="tab-nav">
     <button
       data-tab-item="codefence"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
       <span>codefence</span></button>
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -140,7 +139,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     </div>
     <div
       data-tab-item="shortcode"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">math</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;center&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="err">$$\</span><span class="nf">left</span><span class="p">(</span> <span class="err">\</span><span class="nx">sum_</span><span class="p">{</span><span class="nx">k</span><span class="p">=</span><span class="mi">1</span><span class="p">}^</span><span class="nx">n</span> <span class="nx">a_k</span> <span class="nx">b_k</span> <span class="err">\</span><span class="nx">right</span><span class="p">)^</span><span class="mi">2</span> <span class="err">\</span><span class="nx">leq</span> <span class="err">\</span><span class="nf">left</span><span class="p">(</span> <span class="err">\</span><span class="nx">sum_</span><span class="p">{</span><span class="nx">k</span><span class="p">=</span><span class="mi">1</span><span class="p">}^</span><span class="nx">n</span> <span class="nx">a_k</span><span class="p">^</span><span class="mi">2</span> <span class="err">\</span><span class="nx">right</span><span class="p">)</span> <span class="err">\</span><span class="nf">left</span><span class="p">(</span> <span class="err">\</span><span class="nx">sum_</span><span class="p">{</span><span class="nx">k</span><span class="p">=</span><span class="mi">1</span><span class="p">}^</span><span class="nx">n</span> <span class="nx">b_k</span><span class="p">^</span><span class="mi">2</span> <span class="err">\</span><span class="nx">right</span><span class="p">)</span><span class="err">$$</span>
@@ -149,7 +148,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/math.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -245,8 +244,8 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.html b/pir/shortcodes/mermaid/index.html
index c81dc5ee59..a398d42119 100644
--- a/pir/shortcodes/mermaid/index.html
+++ b/pir/shortcodes/mermaid/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,12 +76,47 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Merrrmaid</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#usage">Usage</a>
+      <ul>
+        <li><a href="#parameter">Parameter</a></li>
+      </ul>
+    </li>
+    <li><a href="#configuration">Configurat'n</a>
+      <ul>
+        <li><a href="#global-configuration-file">Global Configurat'n File</a></li>
+        <li><a href="#pages-frontmatter">Page&rsquo;s Frontmatter</a></li>
+      </ul>
+    </li>
+    <li><a href="#examples">Examples</a>
+      <ul>
+        <li><a href="#flowchart-with-non-default-mermaid-theme">Flowchart wit' Non-Default Merrrmaid Theme</a></li>
+        <li><a href="#sequence-diagram-with-configuration-directive">Sequence Diagram wit' Configurat'n Directive</a></li>
+        <li><a href="#class-diagram-with-codefence-syntax">Class Diagram wit' Codefence Rules</a></li>
+        <li><a href="#state-diagram-aligned-to-the-right">State Diagram Aligned t' th' Right</a></li>
+        <li><a href="#entity-relationship-model">Entity Relationship Model</a></li>
+        <li><a href="#user-journey">User Journey</a></li>
+        <li><a href="#gantt-chart">GANTT Chart</a></li>
+        <li><a href="#pie-chart-without-zoom">Pie Chart without Zoom</a></li>
+        <li><a href="#requirement-diagram">Requirement Diagram</a></li>
+        <li><a href="#git-graph">Git Graph</a></li>
+        <li><a href="#c4-diagrams">C4 Diagrams</a></li>
+      </ul>
+    </li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -95,10 +130,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </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">
@@ -135,19 +169,19 @@ graph LR;
   <div class="tab-nav">
     <button
       data-tab-item="codefence"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
       <span>codefence</span></button>
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -166,7 +200,7 @@ graph LR;
     </div>
     <div
       data-tab-item="shortcode"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;center&#34;</span> <span class="nx">zoom</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">graph</span> <span class="nx">LR</span><span class="p">;</span>
@@ -177,7 +211,7 @@ graph LR;
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/mermaid.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -687,12 +721,12 @@ C4Context
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789785" defer></script>
-        <script src="../../../js/search.js?1675789785" defer></script>
+        <script src="../../../js/auto-complete.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891450" defer></script>
+        <script src="../../../js/search.js?1675891450" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -809,12 +843,12 @@ C4Context
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789785"></script>
+          <script async src="../../../js/buttons.js?1675891450"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789785" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789785" defer></script>
-    <script src="../../../js/theme.js?1675789785" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891450" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891450" defer></script>
+    <script src="../../../js/theme.js?1675891450" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.print.html b/pir/shortcodes/mermaid/index.print.html
index decbf1683b..15de86cf1c 100644
--- a/pir/shortcodes/mermaid/index.print.html
+++ b/pir/shortcodes/mermaid/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,10 +80,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </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">
@@ -120,19 +119,19 @@ graph LR;
   <div class="tab-nav">
     <button
       data-tab-item="codefence"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
       <span>codefence</span></button>
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -151,7 +150,7 @@ graph LR;
     </div>
     <div
       data-tab-item="shortcode"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;center&#34;</span> <span class="nx">zoom</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">graph</span> <span class="nx">LR</span><span class="p">;</span>
@@ -162,7 +161,7 @@ graph LR;
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/mermaid.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -600,8 +599,8 @@ C4Context
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.html b/pir/shortcodes/notice/index.html
index a1f80da94a..da431148c2 100644
--- a/pir/shortcodes/notice/index.html
+++ b/pir/shortcodes/notice/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,12 +76,35 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Notice</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#usage">Usage</a>
+      <ul>
+        <li><a href="#parameter">Parameter</a></li>
+      </ul>
+    </li>
+    <li><a href="#examples">Examples</a>
+      <ul>
+        <li><a href="#by-severity">By Severity</a></li>
+        <li><a href="#by-brand-colors">By Brand Colors</a></li>
+        <li><a href="#by-color">By Color</a></li>
+        <li><a href="#by-special-color">By Special Color</a></li>
+        <li><a href="#with-user-defined-color-and-font-awesome-brand-icon">Wit' User-Defined Color an' Font Awesome Brand Ay'con</a></li>
+      </ul>
+    </li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -95,10 +118,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>notice</code> shortcode shows various types o' disclaimers wit' adjust'ble color, title an' ay'con t' help ye structure yer plank.</p>
 
 <div class="box notices cstyle primary">
@@ -114,19 +136,19 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -143,7 +165,7 @@
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">primary</span> <span class="s">&#34;There may be pirates&#34;</span> <span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">It</span> <span class="nx">be</span> <span class="nx">all</span> <span class="nx">about</span> <span class="nx">th'</span> <span class="nx">boxes</span><span class="p">.</span>
@@ -152,7 +174,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/notice.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -505,12 +527,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../js/search.js?1675789786" defer></script>
+        <script src="../../../js/auto-complete.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891450" defer></script>
+        <script src="../../../js/search.js?1675891450" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -627,12 +649,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../js/buttons.js?1675891450"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891450" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891450" defer></script>
+    <script src="../../../js/theme.js?1675891450" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.print.html b/pir/shortcodes/notice/index.print.html
index 40da4ae434..1cca1bdcab 100644
--- a/pir/shortcodes/notice/index.print.html
+++ b/pir/shortcodes/notice/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,10 +80,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>notice</code> shortcode shows various types o' disclaimers wit' adjust'ble color, title an' ay'con t' help ye structure yer plank.</p>
 
 <div class="box notices cstyle primary">
@@ -99,19 +98,19 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -128,7 +127,7 @@
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">primary</span> <span class="s">&#34;There may be pirates&#34;</span> <span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">It</span> <span class="nx">be</span> <span class="nx">all</span> <span class="nx">about</span> <span class="nx">th'</span> <span class="nx">boxes</span><span class="p">.</span>
@@ -137,7 +136,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/notice.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -418,8 +417,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.html b/pir/shortcodes/siteparam/index.html
index 76cf2f10bf..bdb39679ed 100644
--- a/pir/shortcodes/siteparam/index.html
+++ b/pir/shortcodes/siteparam/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="Ship param :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/siteparam/index.print.html" rel="alternate" type="text/html" title="Ship param :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,12 +76,31 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Ship param</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#usage">Usage</a>
+      <ul>
+        <li><a href="#parameter">Parameter</a></li>
+      </ul>
+    </li>
+    <li><a href="#examples">Examples</a>
+      <ul>
+        <li><a href="#editurl-from-configtoml"><code>editURL</code> from <code>config.toml</code></a></li>
+      </ul>
+    </li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -95,10 +114,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>siteparam</code> shortcode prints values o' ship params.</p>
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or call this shortcode from yer own partials.</p>
@@ -107,19 +125,19 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -134,14 +152,14 @@
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">siteparam</span> <span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/siteparam.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -254,12 +272,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789785" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789785" defer></script>
-        <script src="../../../js/search.js?1675789785" defer></script>
+        <script src="../../../js/auto-complete.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891450" defer></script>
+        <script src="../../../js/search.js?1675891450" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -376,12 +394,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789785"></script>
+          <script async src="../../../js/buttons.js?1675891450"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789785" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789785" defer></script>
-    <script src="../../../js/theme.js?1675789785" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891450" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891450" defer></script>
+    <script src="../../../js/theme.js?1675891450" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.print.html b/pir/shortcodes/siteparam/index.print.html
index 432318a852..d112c1fd16 100644
--- a/pir/shortcodes/siteparam/index.print.html
+++ b/pir/shortcodes/siteparam/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="canonical" type="text/html" title="Ship param :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="Ship param :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,10 +80,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>siteparam</code> shortcode prints values o' ship params.</p>
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or call this shortcode from yer own partials.</p>
@@ -92,19 +91,19 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -119,14 +118,14 @@
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">siteparam</span> <span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/siteparam.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -167,8 +166,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/swagger/index.html b/pir/shortcodes/swagger/index.html
index 249bc77be8..7b12ea1fe2 100644
--- a/pir/shortcodes/swagger/index.html
+++ b/pir/shortcodes/swagger/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/swagger/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/swagger/index.xml" rel="alternate" type="application/rss+xml" title="Swaggerrr :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/swagger/index.print.html" rel="alternate" type="text/html" title="Swaggerrr :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,12 +76,36 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Swaggerrr</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#usage">Usage</a>
+      <ul>
+        <li><a href="#parameter">Parameter</a></li>
+      </ul>
+    </li>
+    <li><a href="#configuration">Configurat'n</a>
+      <ul>
+        <li><a href="#global-configuration-file">Global Configurat'n File</a></li>
+      </ul>
+    </li>
+    <li><a href="#example">Example</a>
+      <ul>
+        <li><a href="#using-local-file">Us'n Local File</a></li>
+      </ul>
+    </li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -95,10 +119,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>swagger</code> shortcode uses th' <a href="https://mrin9.github.io/RapiDoc" target="_blank">RapiDoc</a> library t' display yer Swagger / OpenAPI Specificat'ns.</p>
 
 <div class="box notices cstyle note">
@@ -114,13 +137,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -135,7 +158,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/swagger.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -276,12 +299,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789787" defer></script>
-        <script src="../../../js/search.js?1675789787" defer></script>
+        <script src="../../../js/auto-complete.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891453" defer></script>
+        <script src="../../../js/search.js?1675891453" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -398,12 +421,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789787"></script>
+          <script async src="../../../js/buttons.js?1675891453"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/swagger/index.print.html b/pir/shortcodes/swagger/index.print.html
index edcf17fcd5..a0e03b5549 100644
--- a/pir/shortcodes/swagger/index.print.html
+++ b/pir/shortcodes/swagger/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/swagger/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/swagger/index.html" rel="canonical" type="text/html" title="Swaggerrr :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/swagger/index.xml" rel="alternate" type="application/rss+xml" title="Swaggerrr :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,10 +80,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>swagger</code> shortcode uses th' <a href="https://mrin9.github.io/RapiDoc" target="_blank">RapiDoc</a> library t' display yer Swagger / OpenAPI Specificat'ns.</p>
 
 <div class="box notices cstyle note">
@@ -99,13 +98,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -120,7 +119,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/swagger.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -189,8 +188,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.html b/pir/shortcodes/tabs/index.html
index fc3328f8b1..8483b8e057 100644
--- a/pir/shortcodes/tabs/index.html
+++ b/pir/shortcodes/tabs/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,12 +76,33 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tabs</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#usage">Usage</a>
+      <ul>
+        <li><a href="#parameter">Parameter</a></li>
+      </ul>
+    </li>
+    <li><a href="#examples">Examples</a>
+      <ul>
+        <li><a href="#distinct-groupid">Distinct <code>groupid</code></a></li>
+        <li><a href="#non-distinct-groupid">Non-Distinct <code>groupid</code></a></li>
+        <li><a href="#nested-tabs">Nested Tabs</a></li>
+      </ul>
+    </li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -95,10 +116,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>tabs</code> shortcode displays arbitrary rrrambl'n 'n unlimited number o' tabs.</p>
 <p>This comes 'n handy eg. fer provid'n code snippets fer multiple languages or provid'n configurat'n 'n different formats.</p>
 
@@ -106,13 +126,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-language','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-language','bash')"
     >
       <span>bash</span></button>
@@ -127,7 +147,7 @@
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
 </span></span></code></pre></div>
@@ -141,13 +161,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -173,7 +193,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/tabs.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -248,19 +268,19 @@
   <div class="tab-nav">
     <button
       data-tab-item="json"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-config','json')"
     >
       <span>json</span></button>
     <button
       data-tab-item="XML"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-config','XML')"
     >
       <span>XML</span></button>
     <button
       data-tab-item="properties"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-config','properties')"
     >
       <span>properties</span></button>
@@ -277,14 +297,14 @@
     </div>
     <div
       data-tab-item="XML"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-xml" data-lang="xml"><span class="line"><span class="cl"><span class="nt">&lt;Hello&gt;</span>World<span class="nt">&lt;/Hello&gt;</span>
 </span></span></code></pre></div>
     </div>
     <div
       data-tab-item="properties"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-ini" data-lang="ini"><span class="line"><span class="cl"><span class="na">Hello</span> <span class="o">=</span> <span class="s">World</span>
 </span></span></code></pre></div>
@@ -312,13 +332,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="json"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-config','json')"
     >
       <span>json</span></button>
     <button
       data-tab-item="XML"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-config','XML')"
     >
       <span>XML</span></button>
@@ -335,7 +355,7 @@
     </div>
     <div
       data-tab-item="XML"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-xml" data-lang="xml"><span class="line"><span class="cl"><span class="nt">&lt;Hello&gt;</span>World<span class="nt">&lt;/Hello&gt;</span>
 </span></span></code></pre></div>
@@ -381,13 +401,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="Text"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('main','Text')"
     >
       <span>Text</span></button>
     <button
       data-tab-item="Code"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('main','Code')"
     >
       <span>Code</span></button>
@@ -404,13 +424,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-language','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-language','bash')"
     >
       <span>bash</span></button>
@@ -429,7 +449,7 @@
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <p>Bash be fer <strong>hackers</strong>.</p>
 
@@ -440,7 +460,7 @@
     </div>
     <div
       data-tab-item="Code"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 
   ...but no markdown
@@ -449,13 +469,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-language','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-language','bash')"
     >
       <span>bash</span></button>
@@ -470,7 +490,7 @@
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
 </span></span></code></pre></div>
@@ -561,12 +581,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../js/search.js?1675789786" defer></script>
+        <script src="../../../js/auto-complete.js?1675891451" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891451" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891451" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891451" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891451" defer></script>
+        <script src="../../../js/search.js?1675891451" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -683,12 +703,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../js/buttons.js?1675891451"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891451" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891451" defer></script>
+    <script src="../../../js/theme.js?1675891451" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.print.html b/pir/shortcodes/tabs/index.print.html
index 4756b20d3b..69c23f8908 100644
--- a/pir/shortcodes/tabs/index.print.html
+++ b/pir/shortcodes/tabs/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,10 +80,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Th' <code>tabs</code> shortcode displays arbitrary rrrambl'n 'n unlimited number o' tabs.</p>
 <p>This comes 'n handy eg. fer provid'n code snippets fer multiple languages or provid'n configurat'n 'n different formats.</p>
 
@@ -91,13 +90,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-language','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-language','bash')"
     >
       <span>bash</span></button>
@@ -112,7 +111,7 @@
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
 </span></span></code></pre></div>
@@ -126,13 +125,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -158,7 +157,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/tabs.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -233,19 +232,19 @@
   <div class="tab-nav">
     <button
       data-tab-item="json"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-config','json')"
     >
       <span>json</span></button>
     <button
       data-tab-item="XML"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-config','XML')"
     >
       <span>XML</span></button>
     <button
       data-tab-item="properties"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-config','properties')"
     >
       <span>properties</span></button>
@@ -262,14 +261,14 @@
     </div>
     <div
       data-tab-item="XML"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-xml" data-lang="xml"><span class="line"><span class="cl"><span class="nt">&lt;Hello&gt;</span>World<span class="nt">&lt;/Hello&gt;</span>
 </span></span></code></pre></div>
     </div>
     <div
       data-tab-item="properties"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-ini" data-lang="ini"><span class="line"><span class="cl"><span class="na">Hello</span> <span class="o">=</span> <span class="s">World</span>
 </span></span></code></pre></div>
@@ -297,13 +296,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="json"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-config','json')"
     >
       <span>json</span></button>
     <button
       data-tab-item="XML"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-config','XML')"
     >
       <span>XML</span></button>
@@ -320,7 +319,7 @@
     </div>
     <div
       data-tab-item="XML"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-xml" data-lang="xml"><span class="line"><span class="cl"><span class="nt">&lt;Hello&gt;</span>World<span class="nt">&lt;/Hello&gt;</span>
 </span></span></code></pre></div>
@@ -366,13 +365,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="Text"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('main','Text')"
     >
       <span>Text</span></button>
     <button
       data-tab-item="Code"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('main','Code')"
     >
       <span>Code</span></button>
@@ -389,13 +388,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-language','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-language','bash')"
     >
       <span>bash</span></button>
@@ -414,7 +413,7 @@
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <p>Bash be fer <strong>hackers</strong>.</p>
 
@@ -425,7 +424,7 @@
     </div>
     <div
       data-tab-item="Code"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 
   ...but no markdown
@@ -434,13 +433,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-language','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-language','bash')"
     >
       <span>bash</span></button>
@@ -455,7 +454,7 @@
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
 </span></span></code></pre></div>
@@ -474,8 +473,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tags/children/index.html b/pir/tags/children/index.html
index 3d18ea04a1..b83fc2b5b8 100644
--- a/pir/tags/children/index.html
+++ b/pir/tags/children/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -65,12 +65,18 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/tags/index.html"><span itemprop="name">Tags</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">children</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -173,12 +179,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789787" defer></script>
-        <script src="../../../js/search.js?1675789787" defer></script>
+        <script src="../../../js/auto-complete.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891453" defer></script>
+        <script src="../../../js/search.js?1675891453" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -295,12 +301,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789787"></script>
+          <script async src="../../../js/buttons.js?1675891453"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tags/children/index.xml b/pir/tags/children/index.xml
index 98ead4a328..4b73fcaf00 100644
--- a/pir/tags/children/index.xml
+++ b/pir/tags/children/index.xml
@@ -11,7 +11,7 @@
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html</guid>
-      <description> Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description> Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a demo child plank.
 Subpages o&#39; this plank plank 1-1 </description>
     </item>
@@ -20,7 +20,7 @@ Subpages o&#39; this plank plank 1-1 </description>
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a demo child plank wit&#39; no descript&#39;n.
 So its rrrambl&#39;n be used as descript&#39;n.</description>
     </item>
@@ -29,7 +29,7 @@ So its rrrambl&#39;n be used as descript&#39;n.</description>
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html</guid>
-      <description> Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description> Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a demo child plank.
 Subpages o&#39; this plank plank 3-1 </description>
     </item>
@@ -38,7 +38,7 @@ Subpages o&#39; this plank plank 3-1 </description>
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html</guid>
-      <description> Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description> Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a demo child plank wit&#39; a hidden child. Ye can still access th&#39; hidden child directly or via th&#39; search.
 Subpages o&#39; this plank plank 1-1-1 (hidden) plank 1-1-2 plank 1-1-3 </description>
     </item>
@@ -47,7 +47,7 @@ Subpages o&#39; this plank plank 1-1-1 (hidden) plank 1-1-2 plank 1-1-3 </descri
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html</guid>
-      <description> Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description> Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a plain demo child plank.
 Subpages o&#39; this plank plank 1-1-2-1 plank 1-1-2-2 </description>
     </item>
@@ -56,7 +56,7 @@ Subpages o&#39; this plank plank 1-1-2-1 plank 1-1-2-2 </description>
       <link>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</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>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</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a plain demo child plank.</description>
     </item>
     <item>
@@ -64,7 +64,7 @@ This be a plain demo child plank.</description>
       <link>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</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>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</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a plain demo child plank.</description>
     </item>
     <item>
@@ -72,7 +72,7 @@ This be a plain demo child plank.</description>
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a plain demo child plank.</description>
     </item>
     <item>
@@ -80,7 +80,7 @@ This be a plain demo child plank.</description>
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a plain demo child plank.</description>
     </item>
   </channel>
diff --git a/pir/tags/documentatn/index.html b/pir/tags/documentatn/index.html
index 70b1863623..60eb5f0974 100644
--- a/pir/tags/documentatn/index.html
+++ b/pir/tags/documentatn/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>documentat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="../../../pir/tags/documentatn/index.xml" rel="alternate" type="application/rss+xml" title="documentat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -62,12 +62,18 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/tags/index.html"><span itemprop="name">Tags</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">documentat&#39;n</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -157,12 +163,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789787" defer></script>
-        <script src="../../../js/search.js?1675789787" defer></script>
+        <script src="../../../js/auto-complete.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891453" defer></script>
+        <script src="../../../js/search.js?1675891453" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -278,12 +284,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789787"></script>
+          <script async src="../../../js/buttons.js?1675891453"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tags/documentatn/index.xml b/pir/tags/documentatn/index.xml
index 4cfc363f76..4a75c1beef 100644
--- a/pir/tags/documentatn/index.xml
+++ b/pir/tags/documentatn/index.xml
@@ -11,7 +11,7 @@
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/cont/tags/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/cont/tags/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Th&#39; Relearrrn theme supports one default taxonomy o&#39; Cap&#39;n Hugo: th&#39; tag feature.
 Configurat&#39;n Just add tags t&#39; any plank:
 +++ tags = [&amp;#34;tutorial&amp;#34;, &amp;#34;theme&amp;#34;] title = &amp;#34;Theme tutorial&amp;#34; weight = 15 +++ Behavior Th&#39; tags be displayed at th&#39; top o&#39; th&#39; plank, &#39;n their insert&#39;n order.</description>
diff --git a/pir/tags/hidden/index.html b/pir/tags/hidden/index.html
index 28d4966e91..913ed826cc 100644
--- a/pir/tags/hidden/index.html
+++ b/pir/tags/hidden/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -65,12 +65,18 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/tags/index.html"><span itemprop="name">Tags</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">hidden</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -164,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789787" defer></script>
-        <script src="../../../js/search.js?1675789787" defer></script>
+        <script src="../../../js/auto-complete.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891453" defer></script>
+        <script src="../../../js/search.js?1675891453" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -286,12 +292,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789787"></script>
+          <script async src="../../../js/buttons.js?1675891453"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tags/index.html b/pir/tags/index.html
index 1a3100497e..0317d75655 100644
--- a/pir/tags/index.html
+++ b/pir/tags/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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="Tags :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -65,11 +65,17 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tags</span><meta itemprop="position" content="2"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -163,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789787" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789787" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789787" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789787" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789787" defer></script>
-        <script src="../../js/search.js?1675789787" defer></script>
+        <script src="../../js/auto-complete.js?1675891453" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891453" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891453" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891453" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891453" defer></script>
+        <script src="../../js/search.js?1675891453" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -285,12 +291,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789787"></script>
+          <script async src="../../js/buttons.js?1675891453"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../js/theme.js?1675789787" defer></script>
+    <script src="../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tags/non-hidden/index.html b/pir/tags/non-hidden/index.html
index c72dcccb9e..10b4094fc7 100644
--- a/pir/tags/non-hidden/index.html
+++ b/pir/tags/non-hidden/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -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 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -65,12 +65,18 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/tags/index.html"><span itemprop="name">Tags</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">non-hidden</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -168,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789787" defer></script>
-        <script src="../../../js/search.js?1675789787" defer></script>
+        <script src="../../../js/auto-complete.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891453" defer></script>
+        <script src="../../../js/search.js?1675891453" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -290,12 +296,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789787"></script>
+          <script async src="../../../js/buttons.js?1675891453"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tags/non-hidden/index.xml b/pir/tags/non-hidden/index.xml
index b398ae7014..27fd533c04 100644
--- a/pir/tags/non-hidden/index.xml
+++ b/pir/tags/non-hidden/index.xml
@@ -11,7 +11,7 @@
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html</guid>
-      <description> Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description> Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a demo child plank.
 Subpages o&#39; this plank plank 1-1 </description>
     </item>
@@ -20,7 +20,7 @@ Subpages o&#39; this plank plank 1-1 </description>
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a demo child plank wit&#39; no descript&#39;n.
 So its rrrambl&#39;n be used as descript&#39;n.</description>
     </item>
@@ -29,7 +29,7 @@ So its rrrambl&#39;n be used as descript&#39;n.</description>
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html</guid>
-      <description> Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description> Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a demo child plank.
 Subpages o&#39; this plank plank 3-1 </description>
     </item>
@@ -38,7 +38,7 @@ Subpages o&#39; this plank plank 3-1 </description>
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html</guid>
-      <description> Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description> Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a demo child plank wit&#39; a hidden child. Ye can still access th&#39; hidden child directly or via th&#39; search.
 Subpages o&#39; this plank plank 1-1-1 (hidden) plank 1-1-2 plank 1-1-3 </description>
     </item>
@@ -47,7 +47,7 @@ Subpages o&#39; this plank plank 1-1-1 (hidden) plank 1-1-2 plank 1-1-3 </descri
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html</guid>
-      <description> Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description> Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a plain demo child plank.
 Subpages o&#39; this plank plank 1-1-2-1 plank 1-1-2-2 </description>
     </item>
@@ -56,7 +56,7 @@ Subpages o&#39; this plank plank 1-1-2-1 plank 1-1-2-2 </description>
       <link>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</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>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</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a plain demo child plank.</description>
     </item>
     <item>
@@ -64,7 +64,7 @@ This be a plain demo child plank.</description>
       <link>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</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>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</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a plain demo child plank.</description>
     </item>
     <item>
@@ -72,7 +72,7 @@ This be a plain demo child plank.</description>
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a plain demo child plank.</description>
     </item>
     <item>
@@ -80,7 +80,7 @@ This be a plain demo child plank.</description>
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 This be a plain demo child plank.</description>
     </item>
   </channel>
diff --git a/pir/tags/tutorrrial/index.html b/pir/tags/tutorrrial/index.html
index e0a39e32d2..397687b16b 100644
--- a/pir/tags/tutorrrial/index.html
+++ b/pir/tags/tutorrrial/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>tutorrrial :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="../../../pir/tags/tutorrrial/index.xml" rel="alternate" type="application/rss+xml" title="tutorrrial :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -62,12 +62,18 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/tags/index.html"><span itemprop="name">Tags</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">tutorrrial</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -157,12 +163,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789787" defer></script>
-        <script src="../../../js/search.js?1675789787" defer></script>
+        <script src="../../../js/auto-complete.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891453" defer></script>
+        <script src="../../../js/search.js?1675891453" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -278,12 +284,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789787"></script>
+          <script async src="../../../js/buttons.js?1675891453"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tags/tutorrrial/index.xml b/pir/tags/tutorrrial/index.xml
index 80a1a561d0..af188bed21 100644
--- a/pir/tags/tutorrrial/index.xml
+++ b/pir/tags/tutorrrial/index.xml
@@ -11,7 +11,7 @@
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/cont/tags/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/cont/tags/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Th&#39; Relearrrn theme supports one default taxonomy o&#39; Cap&#39;n Hugo: th&#39; tag feature.
 Configurat&#39;n Just add tags t&#39; any plank:
 +++ tags = [&amp;#34;tutorial&amp;#34;, &amp;#34;theme&amp;#34;] title = &amp;#34;Theme tutorial&amp;#34; weight = 15 +++ Behavior Th&#39; tags be displayed at th&#39; top o&#39; th&#39; plank, &#39;n their insert&#39;n order.</description>
diff --git a/pir/tests/attach/attach1/index.html b/pir/tests/attach/attach1/index.html
index 06b440c125..831fb1222f 100644
--- a/pir/tests/attach/attach1/index.html
+++ b/pir/tests/attach/attach1/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1675789784"></script>
-    <script src="../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1675891449"></script>
+    <script src="../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Attachments Brrranch Test</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -177,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1675789787" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1675789787" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675789787" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1675789787" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1675789787" defer></script>
-        <script src="../../../../js/search.js?1675789787" defer></script>
+        <script src="../../../../js/auto-complete.js?1675891453" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1675891453" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675891453" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1675891453" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1675891453" defer></script>
+        <script src="../../../../js/search.js?1675891453" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -319,12 +325,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1675789787"></script>
+          <script async src="../../../../js/buttons.js?1675891453"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/attach1/index.print.html b/pir/tests/attach/attach1/index.print.html
index b50b09ec29..a52d8ee14b 100644
--- a/pir/tests/attach/attach1/index.print.html
+++ b/pir/tests/attach/attach1/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../../js/url.js?1675789787"></script>
-    <script src="../../../../js/variant.js?1675789787"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../../js/url.js?1675891453"></script>
+    <script src="../../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -90,8 +90,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/attach2/index.html b/pir/tests/attach/attach2/index.html
index d8102a7d9e..fbf253a0bf 100644
--- a/pir/tests/attach/attach2/index.html
+++ b/pir/tests/attach/attach2/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach2/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach2/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach2/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1675789784"></script>
-    <script src="../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1675891449"></script>
+    <script src="../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Attachments Leaf Test</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -177,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../../js/search.js?1675789786" defer></script>
+        <script src="../../../../js/auto-complete.js?1675891450" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1675891450" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675891450" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1675891450" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1675891450" defer></script>
+        <script src="../../../../js/search.js?1675891450" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -319,12 +325,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../../js/buttons.js?1675891450"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891450" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891450" defer></script>
+    <script src="../../../../js/theme.js?1675891450" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/attach2/index.print.html b/pir/tests/attach/attach2/index.print.html
index 1d14027815..e3e908e3c3 100644
--- a/pir/tests/attach/attach2/index.print.html
+++ b/pir/tests/attach/attach2/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach2/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach2/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach2/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../../js/url.js?1675789787"></script>
-    <script src="../../../../js/variant.js?1675789787"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../../js/url.js?1675891453"></script>
+    <script src="../../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -90,8 +90,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/attach3/index.html b/pir/tests/attach/attach3/index.html
index b0a301fd30..fd8c41a767 100644
--- a/pir/tests/attach/attach3/index.html
+++ b/pir/tests/attach/attach3/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach3/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach3/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1675789784"></script>
-    <script src="../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1675891449"></script>
+    <script src="../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Attachments Page Test</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -177,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../../js/search.js?1675789786" defer></script>
+        <script src="../../../../js/auto-complete.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1675891451" defer></script>
+        <script src="../../../../js/search.js?1675891451" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -319,12 +325,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../../js/buttons.js?1675891451"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891451" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891451" defer></script>
+    <script src="../../../../js/theme.js?1675891451" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/attach3/index.print.html b/pir/tests/attach/attach3/index.print.html
index edef3fada8..2ffb64dabb 100644
--- a/pir/tests/attach/attach3/index.print.html
+++ b/pir/tests/attach/attach3/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach3/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach3/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../../js/url.js?1675789787"></script>
-    <script src="../../../../js/variant.js?1675789787"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../../js/url.js?1675891453"></script>
+    <script src="../../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -90,8 +90,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/index.html b/pir/tests/attach/index.html
index 779a4346b4..9eba3e203c 100644
--- a/pir/tests/attach/index.html
+++ b/pir/tests/attach/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,12 +75,18 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Attachments Shorrrtcode Test</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -94,10 +100,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Our attachment shortcode be a source o' pleasure&hellip;</p>
 
 <div class="children children-h2 children-sort-">
@@ -186,12 +191,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789787" defer></script>
-        <script src="../../../js/search.js?1675789787" defer></script>
+        <script src="../../../js/auto-complete.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891453" defer></script>
+        <script src="../../../js/search.js?1675891453" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,12 +333,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789787"></script>
+          <script async src="../../../js/buttons.js?1675891453"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/index.print.html b/pir/tests/attach/index.print.html
index 4bbeecbcd6..7d2d44b061 100644
--- a/pir/tests/attach/index.print.html
+++ b/pir/tests/attach/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,10 +79,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Our attachment shortcode be a source o' pleasure&hellip;</p>
 
 <div class="children children-h2 children-sort-">
@@ -147,8 +146,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/1/index.html b/pir/tests/chapters/1/index.html
index 84c819eb54..b0040a9bf3 100644
--- a/pir/tests/chapters/1/index.html
+++ b/pir/tests/chapters/1/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1675789784"></script>
-    <script src="../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1675891449"></script>
+    <script src="../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">1</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -170,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../../js/search.js?1675789786" defer></script>
+        <script src="../../../../js/auto-complete.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1675891451" defer></script>
+        <script src="../../../../js/search.js?1675891451" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -312,12 +318,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../../js/buttons.js?1675891451"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891451" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891451" defer></script>
+    <script src="../../../../js/theme.js?1675891451" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/1/index.print.html b/pir/tests/chapters/1/index.print.html
index 11808d3d6f..f5085c6ccd 100644
--- a/pir/tests/chapters/1/index.print.html
+++ b/pir/tests/chapters/1/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../../js/url.js?1675789787"></script>
-    <script src="../../../../js/variant.js?1675789787"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../../js/url.js?1675891453"></script>
+    <script src="../../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/10/index.html b/pir/tests/chapters/10/index.html
index 6187afd140..ff40989367 100644
--- a/pir/tests/chapters/10/index.html
+++ b/pir/tests/chapters/10/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/10/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/10/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/10/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1675789784"></script>
-    <script src="../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1675891449"></script>
+    <script src="../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">11</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -170,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../../js/search.js?1675789786" defer></script>
+        <script src="../../../../js/auto-complete.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1675891451" defer></script>
+        <script src="../../../../js/search.js?1675891451" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -312,12 +318,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../../js/buttons.js?1675891451"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891451" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891451" defer></script>
+    <script src="../../../../js/theme.js?1675891451" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/10/index.print.html b/pir/tests/chapters/10/index.print.html
index 49803adce5..3208134863 100644
--- a/pir/tests/chapters/10/index.print.html
+++ b/pir/tests/chapters/10/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/10/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/10/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/10/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../../js/url.js?1675789787"></script>
-    <script src="../../../../js/variant.js?1675789787"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../../js/url.js?1675891453"></script>
+    <script src="../../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/2/index.html b/pir/tests/chapters/2/index.html
index e77330e4a4..fcc3a55791 100644
--- a/pir/tests/chapters/2/index.html
+++ b/pir/tests/chapters/2/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/2/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/2/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/2/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1675789784"></script>
-    <script src="../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1675891449"></script>
+    <script src="../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">2</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -170,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../../js/search.js?1675789786" defer></script>
+        <script src="../../../../js/auto-complete.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1675891451" defer></script>
+        <script src="../../../../js/search.js?1675891451" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -312,12 +318,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../../js/buttons.js?1675891451"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891451" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891451" defer></script>
+    <script src="../../../../js/theme.js?1675891451" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/2/index.print.html b/pir/tests/chapters/2/index.print.html
index 0f224eb719..2f510f6359 100644
--- a/pir/tests/chapters/2/index.print.html
+++ b/pir/tests/chapters/2/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/2/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/2/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/2/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../../js/url.js?1675789787"></script>
-    <script src="../../../../js/variant.js?1675789787"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../../js/url.js?1675891453"></script>
+    <script src="../../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/3/index.html b/pir/tests/chapters/3/index.html
index a95e82870e..8551259388 100644
--- a/pir/tests/chapters/3/index.html
+++ b/pir/tests/chapters/3/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/3/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/3/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1675789784"></script>
-    <script src="../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1675891449"></script>
+    <script src="../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">3</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -170,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../../js/search.js?1675789786" defer></script>
+        <script src="../../../../js/auto-complete.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1675891451" defer></script>
+        <script src="../../../../js/search.js?1675891451" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -312,12 +318,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../../js/buttons.js?1675891451"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891451" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891451" defer></script>
+    <script src="../../../../js/theme.js?1675891451" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/3/index.print.html b/pir/tests/chapters/3/index.print.html
index c87f273548..75b699d653 100644
--- a/pir/tests/chapters/3/index.print.html
+++ b/pir/tests/chapters/3/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/3/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/3/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../../js/url.js?1675789787"></script>
-    <script src="../../../../js/variant.js?1675789787"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../../js/url.js?1675891453"></script>
+    <script src="../../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/4/index.html b/pir/tests/chapters/4/index.html
index 467b986cac..810e2c8812 100644
--- a/pir/tests/chapters/4/index.html
+++ b/pir/tests/chapters/4/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/4/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1675789784"></script>
-    <script src="../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1675891449"></script>
+    <script src="../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">4</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -170,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../../js/search.js?1675789786" defer></script>
+        <script src="../../../../js/auto-complete.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1675891451" defer></script>
+        <script src="../../../../js/search.js?1675891451" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -312,12 +318,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../../js/buttons.js?1675891451"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891451" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891451" defer></script>
+    <script src="../../../../js/theme.js?1675891451" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/4/index.print.html b/pir/tests/chapters/4/index.print.html
index dd70dc56db..518e29889d 100644
--- a/pir/tests/chapters/4/index.print.html
+++ b/pir/tests/chapters/4/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/4/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../../js/url.js?1675789787"></script>
-    <script src="../../../../js/variant.js?1675789787"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../../js/url.js?1675891453"></script>
+    <script src="../../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/5/index.html b/pir/tests/chapters/5/index.html
index 5df205b13f..790fe15f75 100644
--- a/pir/tests/chapters/5/index.html
+++ b/pir/tests/chapters/5/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/5/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/5/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/5/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1675789784"></script>
-    <script src="../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1675891449"></script>
+    <script src="../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">5</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -170,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../../js/search.js?1675789786" defer></script>
+        <script src="../../../../js/auto-complete.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1675891451" defer></script>
+        <script src="../../../../js/search.js?1675891451" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -312,12 +318,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../../js/buttons.js?1675891451"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891451" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891451" defer></script>
+    <script src="../../../../js/theme.js?1675891451" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/5/index.print.html b/pir/tests/chapters/5/index.print.html
index 3631383bce..63e3a40a11 100644
--- a/pir/tests/chapters/5/index.print.html
+++ b/pir/tests/chapters/5/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/5/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/5/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/5/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../../js/url.js?1675789787"></script>
-    <script src="../../../../js/variant.js?1675789787"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../../js/url.js?1675891453"></script>
+    <script src="../../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/6/index.html b/pir/tests/chapters/6/index.html
index 70c8785856..5a3a90f613 100644
--- a/pir/tests/chapters/6/index.html
+++ b/pir/tests/chapters/6/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/6/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/6/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/6/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1675789784"></script>
-    <script src="../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1675891449"></script>
+    <script src="../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">6</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -170,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../../js/search.js?1675789786" defer></script>
+        <script src="../../../../js/auto-complete.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1675891451" defer></script>
+        <script src="../../../../js/search.js?1675891451" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -312,12 +318,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../../js/buttons.js?1675891451"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891451" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891451" defer></script>
+    <script src="../../../../js/theme.js?1675891451" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/6/index.print.html b/pir/tests/chapters/6/index.print.html
index 3b847149a5..6c99ff3307 100644
--- a/pir/tests/chapters/6/index.print.html
+++ b/pir/tests/chapters/6/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/6/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/6/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/6/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../../js/url.js?1675789787"></script>
-    <script src="../../../../js/variant.js?1675789787"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../../js/url.js?1675891453"></script>
+    <script src="../../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/7/index.html b/pir/tests/chapters/7/index.html
index 937a72cf27..f4f865a879 100644
--- a/pir/tests/chapters/7/index.html
+++ b/pir/tests/chapters/7/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/7/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/7/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/7/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1675789784"></script>
-    <script src="../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1675891449"></script>
+    <script src="../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">7</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -170,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../../js/search.js?1675789786" defer></script>
+        <script src="../../../../js/auto-complete.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1675891451" defer></script>
+        <script src="../../../../js/search.js?1675891451" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -312,12 +318,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../../js/buttons.js?1675891451"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891451" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891451" defer></script>
+    <script src="../../../../js/theme.js?1675891451" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/7/index.print.html b/pir/tests/chapters/7/index.print.html
index aa9429679a..7f66382841 100644
--- a/pir/tests/chapters/7/index.print.html
+++ b/pir/tests/chapters/7/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/7/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/7/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/7/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../../js/url.js?1675789787"></script>
-    <script src="../../../../js/variant.js?1675789787"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../../js/url.js?1675891453"></script>
+    <script src="../../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/8/index.html b/pir/tests/chapters/8/index.html
index 10f6618d17..00b5f5274c 100644
--- a/pir/tests/chapters/8/index.html
+++ b/pir/tests/chapters/8/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/8/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/8/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/8/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1675789784"></script>
-    <script src="../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1675891449"></script>
+    <script src="../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">8</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -170,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../../js/search.js?1675789786" defer></script>
+        <script src="../../../../js/auto-complete.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1675891451" defer></script>
+        <script src="../../../../js/search.js?1675891451" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -312,12 +318,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../../js/buttons.js?1675891451"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891451" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891451" defer></script>
+    <script src="../../../../js/theme.js?1675891451" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/8/index.print.html b/pir/tests/chapters/8/index.print.html
index 2666eccadc..a92dd43bcf 100644
--- a/pir/tests/chapters/8/index.print.html
+++ b/pir/tests/chapters/8/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/8/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/8/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/8/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../../js/url.js?1675789787"></script>
-    <script src="../../../../js/variant.js?1675789787"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../../js/url.js?1675891453"></script>
+    <script src="../../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/9/index.html b/pir/tests/chapters/9/index.html
index 3e528cfaf5..cbc90b7c0d 100644
--- a/pir/tests/chapters/9/index.html
+++ b/pir/tests/chapters/9/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/9/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/9/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/9/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1675789784"></script>
-    <script src="../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1675891449"></script>
+    <script src="../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">9</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -170,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../../js/search.js?1675789786" defer></script>
+        <script src="../../../../js/auto-complete.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1675891451" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1675891451" defer></script>
+        <script src="../../../../js/search.js?1675891451" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -312,12 +318,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../../js/buttons.js?1675891451"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891451" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891451" defer></script>
+    <script src="../../../../js/theme.js?1675891451" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/9/index.print.html b/pir/tests/chapters/9/index.print.html
index 31d77b2e83..037c555864 100644
--- a/pir/tests/chapters/9/index.print.html
+++ b/pir/tests/chapters/9/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/9/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/9/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/9/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../../js/url.js?1675789787"></script>
-    <script src="../../../../js/variant.js?1675789787"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../../js/url.js?1675891453"></script>
+    <script src="../../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/children-1/index.html b/pir/tests/chapters/children-1/index.html
index 73b4cc801f..6aa190cd72 100644
--- a/pir/tests/chapters/children-1/index.html
+++ b/pir/tests/chapters/children-1/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/children-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/children-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/children-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1675789784"></script>
-    <script src="../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1675891449"></script>
+    <script src="../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Th&#39; one an&#39; only hidden child</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -95,10 +101,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Placeholder&hellip;</p>
 
 
@@ -180,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1675789787" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1675789787" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675789787" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1675789787" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1675789787" defer></script>
-        <script src="../../../../js/search.js?1675789787" defer></script>
+        <script src="../../../../js/auto-complete.js?1675891453" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1675891453" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675891453" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1675891453" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1675891453" defer></script>
+        <script src="../../../../js/search.js?1675891453" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -323,12 +328,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1675789787"></script>
+          <script async src="../../../../js/buttons.js?1675891453"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/children-1/index.print.html b/pir/tests/chapters/children-1/index.print.html
index e5cfd69ce8..13941bf147 100644
--- a/pir/tests/chapters/children-1/index.print.html
+++ b/pir/tests/chapters/children-1/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/children-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/children-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/children-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../../js/url.js?1675789787"></script>
-    <script src="../../../../js/variant.js?1675789787"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../../js/url.js?1675891453"></script>
+    <script src="../../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,10 +80,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Placeholder&hellip;</p>
 
 
@@ -93,8 +92,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/index.html b/pir/tests/chapters/index.html
index d612608bb2..1d633fb801 100644
--- a/pir/tests/chapters/index.html
+++ b/pir/tests/chapters/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,12 +75,18 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Chapters</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -94,10 +100,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Start yer success story. Now!</p>
 
 
@@ -179,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789787" defer></script>
-        <script src="../../../js/search.js?1675789787" defer></script>
+        <script src="../../../js/auto-complete.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891453" defer></script>
+        <script src="../../../js/search.js?1675891453" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -321,12 +326,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789787"></script>
+          <script async src="../../../js/buttons.js?1675891453"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/index.print.html b/pir/tests/chapters/index.print.html
index fc4b41d07a..dee1df7a64 100644
--- a/pir/tests/chapters/index.print.html
+++ b/pir/tests/chapters/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,10 +79,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Start yer success story. Now!</p>
 
 
@@ -175,8 +174,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tests/code/index.html b/pir/tests/code/index.html
index 166696d050..ab75deb3c2 100644
--- a/pir/tests/code/index.html
+++ b/pir/tests/code/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/code/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/code/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/code/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,12 +75,24 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Code</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#inline-code">Inline Code</a></li>
+    <li><a href="#block-code">Block Code</a></li>
+    <li><a href="#block-preformatted">Block Preformatted</a></li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -94,10 +106,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Some test'n fer different styles used 'n rules highlight'n an' preformatted blocks.</p>
 <h2 id="inline-code">Inline Code</h2>
 <p><code>This be some very long inline code. Whar' does it wrap?</code></p>
@@ -204,12 +215,12 @@ Some preformatted stuff 'n HTML elements
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789787" defer></script>
-        <script src="../../../js/search.js?1675789787" defer></script>
+        <script src="../../../js/auto-complete.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891453" defer></script>
+        <script src="../../../js/search.js?1675891453" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -346,12 +357,12 @@ Some preformatted stuff 'n HTML elements
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789787"></script>
+          <script async src="../../../js/buttons.js?1675891453"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tests/code/index.print.html b/pir/tests/code/index.print.html
index 55a2c04b1d..6f84cc8d93 100644
--- a/pir/tests/code/index.print.html
+++ b/pir/tests/code/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/code/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/code/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/code/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,10 +79,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Some test'n fer different styles used 'n rules highlight'n an' preformatted blocks.</p>
 <h2 id="inline-code">Inline Code</h2>
 <p><code>This be some very long inline code. Whar' does it wrap?</code></p>
@@ -117,8 +116,8 @@ Some preformatted stuff 'n HTML elements
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tests/images/index.html b/pir/tests/images/index.html
index b130c14d03..196d47b99d 100644
--- a/pir/tests/images/index.html
+++ b/pir/tests/images/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/images/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/images/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/images/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,12 +75,43 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Images</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#markdown">Marrrkdown</a>
+      <ul>
+        <li><a href="#resource-svg">Resource SVG</a></li>
+        <li><a href="#relative-to-page">Relative t' plank</a></li>
+        <li><a href="#relative-to-page-up-level">Relative t' plank up level</a></li>
+        <li><a href="#static-svg">Static SVG</a></li>
+        <li><a href="#external-fully-qualified">External fully qualified</a></li>
+        <li><a href="#external-without-scheme">External without scheme</a></li>
+        <li><a href="#external-without-scheme-and-scheme-separator">External without scheme an' scheme separator</a></li>
+      </ul>
+    </li>
+    <li><a href="#html">HTML</a>
+      <ul>
+        <li><a href="#resource-svg-1">Resource SVG</a></li>
+        <li><a href="#relative-to-page-1">Relative t' plank</a></li>
+        <li><a href="#relative-to-page-up-level-1">Relative t' plank up level</a></li>
+        <li><a href="#static-svg-1">Static SVG</a></li>
+        <li><a href="#external-fully-qualified-1">External fully qualified</a></li>
+        <li><a href="#external-without-scheme-1">External without scheme</a></li>
+        <li><a href="#external-without-scheme-and-scheme-separator-1">External without scheme an' scheme separator</a></li>
+      </ul>
+    </li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -94,71 +125,70 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Some test'n fer different styles o' image links.</p>
 <h2 id="markdown">Marrrkdown</h2>
 <h3 id="resource-svg">Resource SVG</h3>
 <p>
-<a href="#image-497d5b9ff5a5c6930142d51b0526f3e5" class="lightbox-link">
+<a href="#image-1f8d42162b2e242fd53fb85ddf820053" class="lightbox-link">
 <img src="../../../tests/images/test.svg?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-497d5b9ff5a5c6930142d51b0526f3e5">
+<a href="javascript:history.back();" class="lightbox" id="image-1f8d42162b2e242fd53fb85ddf820053">
 <img src="../../../tests/images/test.svg?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page">Relative t' plank</h3>
 <p>
-<a href="#image-d4e5290e88cc292707b66e32934db956" class="lightbox-link">
+<a href="#image-84163273f5c9226a172a2ce43dc40dc5" class="lightbox-link">
 <img src="../../../tests/images/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d4e5290e88cc292707b66e32934db956">
+<a href="javascript:history.back();" class="lightbox" id="image-84163273f5c9226a172a2ce43dc40dc5">
 <img src="../../../tests/images/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page-up-level">Relative t' plank up level</h3>
 <p>
 		
-<a href="#image-0415488d0a0ae221bc665a5196d2e888" class="lightbox-link">
+<a href="#image-b9155121944e43ab8ec6328e06e67a1b" class="lightbox-link">
 <img src="../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0415488d0a0ae221bc665a5196d2e888">
+<a href="javascript:history.back();" class="lightbox" id="image-b9155121944e43ab8ec6328e06e67a1b">
 <img src="../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="static-svg">Static SVG</h3>
 <p>
 		
-<a href="#image-f22812860dad687d6484c4a9f17c3f1c" class="lightbox-link">
+<a href="#image-92f8a91b99bf3f983f85006e26e2bee2" class="lightbox-link">
 <img src="../../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f22812860dad687d6484c4a9f17c3f1c">
+<a href="javascript:history.back();" class="lightbox" id="image-92f8a91b99bf3f983f85006e26e2bee2">
 <img src="../../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-fully-qualified">External fully qualified</h3>
 <p>
 		
-<a href="#image-ee10ef4ea9c106d8ee286426435d837f" class="lightbox-link">
+<a href="#image-5be442f8a9d21b50fe5156b60fe4bf2f" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ee10ef4ea9c106d8ee286426435d837f">
+<a href="javascript:history.back();" class="lightbox" id="image-5be442f8a9d21b50fe5156b60fe4bf2f">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme">External without scheme</h3>
 <p>
 		
-<a href="#image-4757a271442f99c60d2e4ad40bf866d0" class="lightbox-link">
+<a href="#image-d0d723c9435dc04e0745b7524f445559" class="lightbox-link">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-4757a271442f99c60d2e4ad40bf866d0">
+<a href="javascript:history.back();" class="lightbox" id="image-d0d723c9435dc04e0745b7524f445559">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme-and-scheme-separator">External without scheme an' scheme separator</h3>
 <p>
 		
-<a href="#image-e1587482d6202c86eda31ddefd20b7f5" class="lightbox-link">
+<a href="#image-458297496529939bf297110cd4f0232f" class="lightbox-link">
 <img src="octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e1587482d6202c86eda31ddefd20b7f5">
+<a href="javascript:history.back();" class="lightbox" id="image-458297496529939bf297110cd4f0232f">
 <img src="octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="html">HTML</h2>
@@ -256,12 +286,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789787" defer></script>
-        <script src="../../../js/search.js?1675789787" defer></script>
+        <script src="../../../js/auto-complete.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891453" defer></script>
+        <script src="../../../js/search.js?1675891453" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -398,12 +428,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789787"></script>
+          <script async src="../../../js/buttons.js?1675891453"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tests/images/index.print.html b/pir/tests/images/index.print.html
index 2776e39b00..9d6a2fb139 100644
--- a/pir/tests/images/index.print.html
+++ b/pir/tests/images/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/images/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/images/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/images/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,71 +79,70 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Some test'n fer different styles o' image links.</p>
 <h2 id="markdown">Marrrkdown</h2>
 <h3 id="resource-svg">Resource SVG</h3>
 <p>
-<a href="#image-497d5b9ff5a5c6930142d51b0526f3e5" class="lightbox-link">
+<a href="#image-1f8d42162b2e242fd53fb85ddf820053" class="lightbox-link">
 <img src="../../../tests/images/test.svg?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-497d5b9ff5a5c6930142d51b0526f3e5">
+<a href="javascript:history.back();" class="lightbox" id="image-1f8d42162b2e242fd53fb85ddf820053">
 <img src="../../../tests/images/test.svg?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page">Relative t' plank</h3>
 <p>
-<a href="#image-d4e5290e88cc292707b66e32934db956" class="lightbox-link">
+<a href="#image-84163273f5c9226a172a2ce43dc40dc5" class="lightbox-link">
 <img src="../../../tests/images/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d4e5290e88cc292707b66e32934db956">
+<a href="javascript:history.back();" class="lightbox" id="image-84163273f5c9226a172a2ce43dc40dc5">
 <img src="../../../tests/images/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page-up-level">Relative t' plank up level</h3>
 <p>
 		
-<a href="#image-0415488d0a0ae221bc665a5196d2e888" class="lightbox-link">
+<a href="#image-b9155121944e43ab8ec6328e06e67a1b" class="lightbox-link">
 <img src="../../../pir/tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0415488d0a0ae221bc665a5196d2e888">
+<a href="javascript:history.back();" class="lightbox" id="image-b9155121944e43ab8ec6328e06e67a1b">
 <img src="../../../pir/tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="static-svg">Static SVG</h3>
 <p>
 		
-<a href="#image-f22812860dad687d6484c4a9f17c3f1c" class="lightbox-link">
+<a href="#image-92f8a91b99bf3f983f85006e26e2bee2" class="lightbox-link">
 <img src="../../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f22812860dad687d6484c4a9f17c3f1c">
+<a href="javascript:history.back();" class="lightbox" id="image-92f8a91b99bf3f983f85006e26e2bee2">
 <img src="../../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-fully-qualified">External fully qualified</h3>
 <p>
 		
-<a href="#image-ee10ef4ea9c106d8ee286426435d837f" class="lightbox-link">
+<a href="#image-5be442f8a9d21b50fe5156b60fe4bf2f" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ee10ef4ea9c106d8ee286426435d837f">
+<a href="javascript:history.back();" class="lightbox" id="image-5be442f8a9d21b50fe5156b60fe4bf2f">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme">External without scheme</h3>
 <p>
 		
-<a href="#image-4757a271442f99c60d2e4ad40bf866d0" class="lightbox-link">
+<a href="#image-d0d723c9435dc04e0745b7524f445559" class="lightbox-link">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-4757a271442f99c60d2e4ad40bf866d0">
+<a href="javascript:history.back();" class="lightbox" id="image-d0d723c9435dc04e0745b7524f445559">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme-and-scheme-separator">External without scheme an' scheme separator</h3>
 <p>
 		
-<a href="#image-e1587482d6202c86eda31ddefd20b7f5" class="lightbox-link">
+<a href="#image-458297496529939bf297110cd4f0232f" class="lightbox-link">
 <img src="../../../pir/tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e1587482d6202c86eda31ddefd20b7f5">
+<a href="javascript:history.back();" class="lightbox" id="image-458297496529939bf297110cd4f0232f">
 <img src="../../../pir/tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="html">HTML</h2>
@@ -169,8 +168,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tests/index.html b/pir/tests/index.html
index 51e337cc58..ad4c64498e 100644
--- a/pir/tests/index.html
+++ b/pir/tests/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,11 +75,17 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tests</span><meta itemprop="position" content="2"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable chapter narrow" tabindex="-1">
@@ -94,10 +100,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Some planks fer internal test'n o' different styles</p>
 
 <div class="children children-h2 children-sort-">
@@ -189,12 +194,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789787" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789787" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789787" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789787" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789787" defer></script>
-        <script src="../../js/search.js?1675789787" defer></script>
+        <script src="../../js/auto-complete.js?1675891453" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891453" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891453" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891453" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891453" defer></script>
+        <script src="../../js/search.js?1675891453" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -331,12 +336,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789787"></script>
+          <script async src="../../js/buttons.js?1675891453"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../js/theme.js?1675789787" defer></script>
+    <script src="../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tests/index.print.html b/pir/tests/index.print.html
index bcb0158ec8..dc74f88158 100644
--- a/pir/tests/index.print.html
+++ b/pir/tests/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../js/url.js?1675789787"></script>
-    <script src="../../js/variant.js?1675789787"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../js/url.js?1675891453"></script>
+    <script src="../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,10 +79,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Some planks fer internal test'n o' different styles</p>
 
 <div class="children children-h2 children-sort-">
@@ -109,10 +108,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Our attachment shortcode be a source o' pleasure&hellip;</p>
 
 <div class="children children-h2 children-sort-">
@@ -182,10 +180,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Start yer success story. Now!</p>
 
 
@@ -283,10 +280,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Some test'n fer different styles used 'n rules highlight'n an' preformatted blocks.</p>
 <h2 id="inline-code">Inline Code</h2>
 <p><code>This be some very long inline code. Whar' does it wrap?</code></p>
@@ -326,71 +322,70 @@ Some preformatted stuff 'n HTML elements
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <p>Some test'n fer different styles o' image links.</p>
 <h2 id="markdown">Marrrkdown</h2>
 <h3 id="resource-svg">Resource SVG</h3>
 <p>
-<a href="#image-497d5b9ff5a5c6930142d51b0526f3e5" class="lightbox-link">
+<a href="#image-1f8d42162b2e242fd53fb85ddf820053" class="lightbox-link">
 <img src="../../tests/images/test.svg?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-497d5b9ff5a5c6930142d51b0526f3e5">
+<a href="javascript:history.back();" class="lightbox" id="image-1f8d42162b2e242fd53fb85ddf820053">
 <img src="../../tests/images/test.svg?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page">Relative t' plank</h3>
 <p>
-<a href="#image-d4e5290e88cc292707b66e32934db956" class="lightbox-link">
+<a href="#image-84163273f5c9226a172a2ce43dc40dc5" class="lightbox-link">
 <img src="../../tests/images/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d4e5290e88cc292707b66e32934db956">
+<a href="javascript:history.back();" class="lightbox" id="image-84163273f5c9226a172a2ce43dc40dc5">
 <img src="../../tests/images/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page-up-level">Relative t' plank up level</h3>
 <p>
 		
-<a href="#image-0415488d0a0ae221bc665a5196d2e888" class="lightbox-link">
+<a href="#image-b9155121944e43ab8ec6328e06e67a1b" class="lightbox-link">
 <img src="../../pir/tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0415488d0a0ae221bc665a5196d2e888">
+<a href="javascript:history.back();" class="lightbox" id="image-b9155121944e43ab8ec6328e06e67a1b">
 <img src="../../pir/tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="static-svg">Static SVG</h3>
 <p>
 		
-<a href="#image-f22812860dad687d6484c4a9f17c3f1c" class="lightbox-link">
+<a href="#image-92f8a91b99bf3f983f85006e26e2bee2" class="lightbox-link">
 <img src="../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f22812860dad687d6484c4a9f17c3f1c">
+<a href="javascript:history.back();" class="lightbox" id="image-92f8a91b99bf3f983f85006e26e2bee2">
 <img src="../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-fully-qualified">External fully qualified</h3>
 <p>
 		
-<a href="#image-ee10ef4ea9c106d8ee286426435d837f" class="lightbox-link">
+<a href="#image-5be442f8a9d21b50fe5156b60fe4bf2f" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ee10ef4ea9c106d8ee286426435d837f">
+<a href="javascript:history.back();" class="lightbox" id="image-5be442f8a9d21b50fe5156b60fe4bf2f">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme">External without scheme</h3>
 <p>
 		
-<a href="#image-4757a271442f99c60d2e4ad40bf866d0" class="lightbox-link">
+<a href="#image-d0d723c9435dc04e0745b7524f445559" class="lightbox-link">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-4757a271442f99c60d2e4ad40bf866d0">
+<a href="javascript:history.back();" class="lightbox" id="image-d0d723c9435dc04e0745b7524f445559">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme-and-scheme-separator">External without scheme an' scheme separator</h3>
 <p>
 		
-<a href="#image-e1587482d6202c86eda31ddefd20b7f5" class="lightbox-link">
+<a href="#image-458297496529939bf297110cd4f0232f" class="lightbox-link">
 <img src="../../pir/tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e1587482d6202c86eda31ddefd20b7f5">
+<a href="javascript:history.back();" class="lightbox" id="image-458297496529939bf297110cd4f0232f">
 <img src="../../pir/tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="html">HTML</h2>
@@ -421,10 +416,9 @@ Some preformatted stuff 'n HTML elements
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <h2 id="lines-and-paragraphs">Lines an' Paragraphs</h2>
 <table>
 <thead>
@@ -635,10 +629,10 @@ Some preformatted stuff 'n HTML elements
 <tr>
 <td>
 		
-<a href="#image-da5779d1773c5bd646ef5829eb68fc92" class="lightbox-link">
+<a href="#image-2b5992929187e9dead8e2cb0e04a1943" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="shadow" style="height: auto; width: 24px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-da5779d1773c5bd646ef5829eb68fc92">
+<a href="javascript:history.back();" class="lightbox" id="image-2b5992929187e9dead8e2cb0e04a1943">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="lightbox-image" loading="lazy">
 </a></td>
 </tr>
@@ -721,14 +715,14 @@ Some preformatted stuff 'n HTML elements
 <tr>
 <td>
 <div class="expand">
-    <input type="checkbox" id="expand-1f1dec9ecd4bbb46f1579b3b3149abb6" aria-controls="expandcontent-1f1dec9ecd4bbb46f1579b3b3149abb6" >
-    <label class="expand-label" for="expand-1f1dec9ecd4bbb46f1579b3b3149abb6" >
+    <input type="checkbox" id="expand-de665319d7220971648a9992a19c4218" aria-controls="expandcontent-de665319d7220971648a9992a19c4218" >
+    <label class="expand-label" for="expand-de665319d7220971648a9992a19c4218" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-1f1dec9ecd4bbb46f1579b3b3149abb6" class="expand-content">
+    <div id="expandcontent-de665319d7220971648a9992a19c4218" class="expand-content">
 Thank ye!
     </div>
 </div></td>
@@ -843,13 +837,13 @@ graph LR;
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('default','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('default','bash')"
     >
       <span>bash</span></button>
@@ -864,7 +858,7 @@ graph LR;
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
 </span></span></code></pre></div>
@@ -887,11 +881,10 @@ graph LR;
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
 
-
 <div class="box notices cstyle primary">
   <div class="box-label"></div>
   <div class="box-content">
@@ -914,8 +907,8 @@ graph LR;
           </section>        </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../js/theme.js?1675789787" defer></script>
+    <script src="../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tests/index.xml b/pir/tests/index.xml
index ff78466f0c..0cadb88d4a 100644
--- a/pir/tests/index.xml
+++ b/pir/tests/index.xml
@@ -11,7 +11,7 @@
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/index.html</guid>
-      <description> Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description> Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Our attachment shortcode be a source o&#39; pleasure&amp;hellip;
 Attachments Branch Test Attachments hugo.txt (20 B) Attachments Leaf Test Attachments hugo.txt (20 B) Attachments Plank Test Attachments hugo.txt (20 B) </description>
     </item>
@@ -20,7 +20,7 @@ Attachments Branch Test Attachments hugo.txt (20 B) Attachments Leaf Test Attach
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Start yer success story. Now!</description>
     </item>
     <item>
@@ -28,18 +28,17 @@ Start yer success story. Now!</description>
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/tests/code/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/tests/code/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Some test&#39;n fer different styles used &#39;n rules highlight&#39;n an&#39; preformatted blocks.
 Inline Code This be some very long inline code. Whar&#39; does it wrap?
-What about wrapp&#39;n short inline code if multiple sections be written side by side?
-What about wrapp&#39;n short inline code if multiple sections be written side/by/side?</description>
+What about wrapp&#39;n short inline code if multiple sections be written side by side?</description>
     </item>
     <item>
       <title>Images</title>
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/tests/images/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/tests/images/index.html</guid>
-      <description> Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description> Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Some test&#39;n fer different styles o&#39; image links.
 Marrrkdown Resource SVG Relative t&#39; plank Relative t&#39; plank up level Static SVG External fully qualified External without scheme External without scheme an&#39; scheme separator HTML Resource SVG Relative t&#39; plank Relative t&#39; plank up level Static SVG External fully qualified External without scheme External without scheme an&#39; scheme separator </description>
     </item>
@@ -48,7 +47,7 @@ Marrrkdown Resource SVG Relative t&#39; plank Relative t&#39; plank up level Sta
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/tests/tables/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/tests/tables/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Lines an&#39; Paragraphs i HTML Paragraph I
 HTML Paragraph II
 i HTML Line I
@@ -60,7 +59,7 @@ HTML Line II i Marrrkdown Multicell I Marrrkdown Multicell II Head&#39;ns i HTML
       <link>https://McShelby.github.io/hugo-theme-relearn/pir/tests/width/index.html</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/tests/width/index.html</guid>
-      <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
+      <description>Arrr! Pirrrates Fello&#39; pirrrates, wrrrit&#39;n are not fer us as yer can see! Also be awarrre some stuff may not work in this trrranslat&#39;n. Like see&#39;n Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Make a vis&#39;ble block
 An&#39; another one</description>
     </item>
diff --git a/pir/tests/tables/index.html b/pir/tests/tables/index.html
index 652b65fa48..4f567d8c0e 100644
--- a/pir/tests/tables/index.html
+++ b/pir/tests/tables/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/tables/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/tables/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/tables/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,12 +75,28 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tables</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#lines-and-paragraphs">Lines an' Paragraphs</a></li>
+    <li><a href="#headings">Head'ns</a></li>
+    <li><a href="#lists">Lists</a></li>
+    <li><a href="#code">Code</a></li>
+    <li><a href="#links--images">Links &amp; Images</a></li>
+    <li><a href="#other">Other</a></li>
+    <li><a href="#shortcodes">Shorrrtcodes</a></li>
+  </ul>
+</nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -94,10 +110,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <h2 id="lines-and-paragraphs">Lines an' Paragraphs</h2>
 <table>
 <thead>
@@ -308,10 +323,10 @@
 <tr>
 <td>
 		
-<a href="#image-da5779d1773c5bd646ef5829eb68fc92" class="lightbox-link">
+<a href="#image-2b5992929187e9dead8e2cb0e04a1943" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="shadow" style="height: auto; width: 24px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-da5779d1773c5bd646ef5829eb68fc92">
+<a href="javascript:history.back();" class="lightbox" id="image-2b5992929187e9dead8e2cb0e04a1943">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="lightbox-image" loading="lazy">
 </a></td>
 </tr>
@@ -394,14 +409,14 @@
 <tr>
 <td>
 <div class="expand">
-    <input type="checkbox" id="expand-1f1dec9ecd4bbb46f1579b3b3149abb6" aria-controls="expandcontent-1f1dec9ecd4bbb46f1579b3b3149abb6" >
-    <label class="expand-label" for="expand-1f1dec9ecd4bbb46f1579b3b3149abb6" >
+    <input type="checkbox" id="expand-de665319d7220971648a9992a19c4218" aria-controls="expandcontent-de665319d7220971648a9992a19c4218" >
+    <label class="expand-label" for="expand-de665319d7220971648a9992a19c4218" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-1f1dec9ecd4bbb46f1579b3b3149abb6" class="expand-content">
+    <div id="expandcontent-de665319d7220971648a9992a19c4218" class="expand-content">
 Thank ye!
     </div>
 </div></td>
@@ -516,13 +531,13 @@ graph LR;
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('default','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('default','bash')"
     >
       <span>bash</span></button>
@@ -537,7 +552,7 @@ graph LR;
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
 </span></span></code></pre></div>
@@ -627,12 +642,12 @@ graph LR;
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789787" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789787" defer></script>
-        <script src="../../../js/search.js?1675789787" defer></script>
+        <script src="../../../js/auto-complete.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891453" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891453" defer></script>
+        <script src="../../../js/search.js?1675891453" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -769,12 +784,12 @@ graph LR;
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789787"></script>
+          <script async src="../../../js/buttons.js?1675891453"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tests/tables/index.print.html b/pir/tests/tables/index.print.html
index 0e96565c3b..a2b973c149 100644
--- a/pir/tests/tables/index.print.html
+++ b/pir/tests/tables/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/tables/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/tables/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/tables/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,10 +79,9 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
-
 <h2 id="lines-and-paragraphs">Lines an' Paragraphs</h2>
 <table>
 <thead>
@@ -293,10 +292,10 @@
 <tr>
 <td>
 		
-<a href="#image-da5779d1773c5bd646ef5829eb68fc92" class="lightbox-link">
+<a href="#image-2b5992929187e9dead8e2cb0e04a1943" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="shadow" style="height: auto; width: 24px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-da5779d1773c5bd646ef5829eb68fc92">
+<a href="javascript:history.back();" class="lightbox" id="image-2b5992929187e9dead8e2cb0e04a1943">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="lightbox-image" loading="lazy">
 </a></td>
 </tr>
@@ -379,14 +378,14 @@
 <tr>
 <td>
 <div class="expand">
-    <input type="checkbox" id="expand-1f1dec9ecd4bbb46f1579b3b3149abb6" aria-controls="expandcontent-1f1dec9ecd4bbb46f1579b3b3149abb6" >
-    <label class="expand-label" for="expand-1f1dec9ecd4bbb46f1579b3b3149abb6" >
+    <input type="checkbox" id="expand-de665319d7220971648a9992a19c4218" aria-controls="expandcontent-de665319d7220971648a9992a19c4218" >
+    <label class="expand-label" for="expand-de665319d7220971648a9992a19c4218" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-1f1dec9ecd4bbb46f1579b3b3149abb6" class="expand-content">
+    <div id="expandcontent-de665319d7220971648a9992a19c4218" class="expand-content">
 Thank ye!
     </div>
 </div></td>
@@ -501,13 +500,13 @@ graph LR;
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('default','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('default','bash')"
     >
       <span>bash</span></button>
@@ -522,7 +521,7 @@ graph LR;
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
 </span></span></code></pre></div>
@@ -540,8 +539,8 @@ graph LR;
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/pir/tests/width/index.html b/pir/tests/width/index.html
index adc223a60f..92f064a765 100644
--- a/pir/tests/width/index.html
+++ b/pir/tests/width/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/width/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/width/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/width/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,12 +75,18 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table o&#39; Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Width</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="rtl">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -94,11 +100,10 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
 
-
 <div class="box notices cstyle primary">
   <div class="box-label"></div>
   <div class="box-content">
@@ -192,12 +197,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789786" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789786" defer></script>
-        <script src="../../../js/search.js?1675789786" defer></script>
+        <script src="../../../js/auto-complete.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891450" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891450" defer></script>
+        <script src="../../../js/search.js?1675891450" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -334,12 +339,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789786"></script>
+          <script async src="../../../js/buttons.js?1675891450"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789786" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789786" defer></script>
-    <script src="../../../js/theme.js?1675789786" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891450" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891450" defer></script>
+    <script src="../../../js/theme.js?1675891450" defer></script>
   </body>
 </html>
diff --git a/pir/tests/width/index.print.html b/pir/tests/width/index.print.html
index 10a35e9eee..6b9dc62dec 100644
--- a/pir/tests/width/index.print.html
+++ b/pir/tests/width/index.print.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="pir" dir="ltr">
+<html lang="pir" dir="rtl">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/width/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/width/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/width/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789784" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891449" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789787" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789787" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789787" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789787" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789787" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789787" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789787" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789787" rel="stylesheet">
-    <link href="../../../css/print.css?1675789787" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789787" rel="stylesheet">
-    <script src="../../../js/url.js?1675789787"></script>
-    <script src="../../../js/variant.js?1675789787"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891453" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891453" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891453" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891453" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891453" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891453" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891453" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891453" rel="stylesheet">
+    <link href="../../../css/print.css?1675891453" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891453" rel="stylesheet">
+    <script src="../../../js/url.js?1675891453"></script>
+    <script src="../../../js/variant.js?1675891453"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,11 +79,10 @@
 <div class="box notices cstyle warning">
   <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
   <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>
+<p>Fello' pirrrates, wrrrit'n are not fer us as yer can see! Also be awarrre <b>some stuff may not work</b> in this trrranslat'n. Like see'n <b>Merrrmaids</b>, do'n <b>math or chemistrrry</b> and stuff.</p>
   </div>
 </div>
 
-
 <div class="box notices cstyle primary">
   <div class="box-label"></div>
   <div class="box-content">
@@ -105,8 +104,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789787" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789787" defer></script>
-    <script src="../../../js/theme.js?1675789787" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891453" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891453" defer></script>
+    <script src="../../../js/theme.js?1675891453" defer></script>
   </body>
 </html>
diff --git a/search.html b/search.html
index 1ae88c5020..db7ac405fe 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="Hugo Relearn Theme">
-    <link href="./images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="./css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="./css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="./css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1675789784" rel="stylesheet">
-    <link href="./css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="./css/ie.css?1675789784" rel="stylesheet">
-    <link href="./css/variant.css?1675789784" rel="stylesheet">
-    <link href="./css/print.css?1675789784" rel="stylesheet" media="print">
-    <script src="./js/url.js?1675789784"></script>
-    <script src="./js/variant.js?1675789784"></script>
+    <link href="./css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="./css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="./css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="./css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1675891449" rel="stylesheet">
+    <link href="./css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="./css/ie.css?1675891449" rel="stylesheet">
+    <link href="./css/variant.css?1675891449" rel="stylesheet">
+    <link href="./css/print.css?1675891449" rel="stylesheet" media="print">
+    <script src="./js/url.js?1675891449"></script>
+    <script src="./js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="./js/auto-complete.js?1675789784" defer></script>
-        <script src="./js/lunr/lunr.min.js?1675789784" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1675789784" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1675789784" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1675789784" defer></script>
-        <script src="./js/search.js?1675789784" defer></script>
+        <script src="./js/auto-complete.js?1675891449" defer></script>
+        <script src="./js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="./js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -296,12 +296,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="./js/buttons.js?1675789784"></script>
+          <script async src="./js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1675789784" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="./js/theme.js?1675789784" defer></script>
+    <script src="./js/clipboard.min.js?1675891449" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="./js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.html b/shortcodes/attachments/index.html
index 2984233c89..5681797f6c 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -160,7 +160,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/attachments.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -424,12 +424,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891447" defer></script>
+        <script src="../../js/search.js?1675891447" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -546,12 +546,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891447"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891447" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891447" defer></script>
+    <script src="../../js/theme.js?1675891447" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.print.html b/shortcodes/attachments/index.print.html
index 0d68e1e716..df3fea9889 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -96,13 +96,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -117,7 +117,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/attachments.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -309,8 +309,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.html b/shortcodes/badge/index.html
index b1a61c16c3..bb9c0e8f4c 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -125,13 +125,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -150,7 +150,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/badge.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -393,12 +393,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891447" defer></script>
+        <script src="../../js/search.js?1675891447" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -515,12 +515,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891447"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891447" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891447" defer></script>
+    <script src="../../js/theme.js?1675891447" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.print.html b/shortcodes/badge/index.print.html
index 49288023ab..aee4d4573a 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -114,7 +114,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/badge.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -285,8 +285,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.html b/shortcodes/button/index.html
index cc761c873a..e0bb1bfdf0 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -134,13 +134,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -156,7 +156,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/button.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -514,12 +514,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891447" defer></script>
+        <script src="../../js/search.js?1675891447" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -636,12 +636,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891447"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891447" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891447" defer></script>
+    <script src="../../js/theme.js?1675891447" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.print.html b/shortcodes/button/index.print.html
index abf92eb9bb..35133acbca 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +97,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -119,7 +119,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/button.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -405,8 +405,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" 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 875a1ada9b..3b84a8bbb9 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../../../../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../../../../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../../../../../../js/url.js?1675789782"></script>
-    <script src="../../../../../../../../js/variant.js?1675789782"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../../../../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../../../../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../../../../../../js/url.js?1675891447"></script>
+    <script src="../../../../../../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2"> > </li>
@@ -87,6 +88,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 1-1-1-1-1-1</span><meta itemprop="position" content="9"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -180,12 +186,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../../../../../../js/search.js?1675789783" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1675891449" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../../../../../../../../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -306,12 +312,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../../../../../../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../../../../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../../../../../../js/theme.js?1675891449" 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 d4178ddd89..1179caf35d 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1675789784"></script>
-    <script src="../../../../../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1675891449"></script>
+    <script src="../../../../../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -93,8 +93,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../../../../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../../../../../../js/theme.js?1675891449" 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 1b8b5e2a7f..4a473f5e39 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../../../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../../../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../../../../../js/url.js?1675789782"></script>
-    <script src="../../../../../../../js/variant.js?1675789782"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../../../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../../../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../../../../../js/url.js?1675891447"></script>
+    <script src="../../../../../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -195,12 +195,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../../../../../js/search.js?1675789783" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1675891449" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../../../../../../../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -321,12 +321,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../../../../../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../../../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../../../../../js/theme.js?1675891449" 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 7dc3133624..2d55201474 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1675789784"></script>
-    <script src="../../../../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1675891449"></script>
+    <script src="../../../../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../../../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../../../../../js/theme.js?1675891449" 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 c4ce0b82fe..5ab85eed12 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../../../../js/url.js?1675789782"></script>
-    <script src="../../../../../../js/variant.js?1675789782"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../../../../js/url.js?1675891447"></script>
+    <script src="../../../../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -194,12 +194,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../../../../js/search.js?1675789783" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1675891449" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../../../../../../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -318,12 +318,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../../../../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../../../../js/theme.js?1675891449" 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 9ff9ea9573..d6ba2b7af4 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1675789784"></script>
-    <script src="../../../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1675891449"></script>
+    <script src="../../../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../../../../js/theme.js?1675891449" 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 4ba30a3468..6e2bcc6cbd 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../../../js/url.js?1675789782"></script>
-    <script src="../../../../../js/variant.js?1675789782"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../../../js/url.js?1675891447"></script>
+    <script src="../../../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1675789783" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../../../js/search.js?1675789783" defer></script>
+        <script src="../../../../../js/auto-complete.js?1675891449" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../../../../../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -317,12 +317,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../../../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../../../js/theme.js?1675891449" 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 3c54d30b2f..bd1f65f7a0 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../../../js/url.js?1675789784"></script>
-    <script src="../../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../../../js/url.js?1675891449"></script>
+    <script src="../../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../../../js/theme.js?1675891449" 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 025557c3e2..6694efe074 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../../../../js/url.js?1675789782"></script>
-    <script src="../../../../../../js/variant.js?1675789782"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../../../../js/url.js?1675891447"></script>
+    <script src="../../../../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,6 +76,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2"> > </li>
@@ -86,6 +87,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 1-1-2-1</span><meta itemprop="position" content="7"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -179,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1675789784" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1675789784" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1675789784" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1675789784" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1675789784" defer></script>
-        <script src="../../../../../../js/search.js?1675789784" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1675891449" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../../../../../../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,12 +307,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1675789784"></script>
+          <script async src="../../../../../../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../../../../js/theme.js?1675891449" 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 4c9d2b4fc0..9f8051a481 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1675789784"></script>
-    <script src="../../../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1675891449"></script>
+    <script src="../../../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -92,8 +92,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../../../../js/theme.js?1675891449" 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 15090bf0cc..43a306cfd1 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../../../../js/url.js?1675789782"></script>
-    <script src="../../../../../../js/variant.js?1675789782"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../../../../js/url.js?1675891447"></script>
+    <script src="../../../../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,6 +76,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2"> > </li>
@@ -86,6 +87,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 1-1-2-2</span><meta itemprop="position" content="7"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -179,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1675789784" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1675789784" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1675789784" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1675789784" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1675789784" defer></script>
-        <script src="../../../../../../js/search.js?1675789784" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1675891449" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../../../../../../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,12 +307,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1675789784"></script>
+          <script async src="../../../../../../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../../../../js/theme.js?1675891449" 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 f968e338bb..cb78e0e951 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1675789784"></script>
-    <script src="../../../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1675891449"></script>
+    <script src="../../../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -92,8 +92,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
index 27edfae112..248a1a7ac4 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-2 :: Hugo Relearn Theme">
     <link href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html" rel="alternate" type="text/html" title="page 1-1-2 :: Hugo Relearn Theme">
-    <link href="../../../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../../../js/url.js?1675789782"></script>
-    <script src="../../../../../js/variant.js?1675789782"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../../../js/url.js?1675891447"></script>
+    <script src="../../../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -195,12 +195,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../../../js/search.js?1675789783" defer></script>
+        <script src="../../../../../js/auto-complete.js?1675891449" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../../../../../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -317,12 +317,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../../../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html b/shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html
index a4e4e2d5b0..36ac3a3861 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" rel="canonical" type="text/html" title="page 1-1-2 :: Hugo Relearn Theme">
     <link href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-2 :: Hugo Relearn Theme">
-    <link href="../../../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../../../js/url.js?1675789784"></script>
-    <script src="../../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../../../js/url.js?1675891449"></script>
+    <script src="../../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -119,8 +119,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../../../js/theme.js?1675891449" 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 d8931404b4..08c3553767 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../../../js/url.js?1675789782"></script>
-    <script src="../../../../../js/variant.js?1675789782"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../../../js/url.js?1675891447"></script>
+    <script src="../../../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,6 +76,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2"> > </li>
@@ -85,6 +86,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 1-1-3</span><meta itemprop="position" content="6"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -178,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1675789784" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1675789784" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1675789784" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1675789784" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1675789784" defer></script>
-        <script src="../../../../../js/search.js?1675789784" defer></script>
+        <script src="../../../../../js/auto-complete.js?1675891449" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../../../../../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -300,12 +306,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../js/buttons.js?1675789784"></script>
+          <script async src="../../../../../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../../../js/theme.js?1675891449" 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 84c1b5af96..f428943d16 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../../../js/url.js?1675789784"></script>
-    <script src="../../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../../../js/url.js?1675891449"></script>
+    <script src="../../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -91,8 +91,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../../../js/theme.js?1675891449" 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 0754aa886a..c074fe9ffb 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1675789782"></script>
-    <script src="../../../../js/variant.js?1675789782"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1675891447"></script>
+    <script src="../../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -195,12 +195,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../../js/search.js?1675789783" defer></script>
+        <script src="../../../../js/auto-complete.js?1675891449" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../../../../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -317,12 +317,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../../js/theme.js?1675891449" 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 28c05ad928..e4e6bd6ff5 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../../js/url.js?1675789784"></script>
-    <script src="../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../../js/url.js?1675891449"></script>
+    <script src="../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -147,8 +147,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.html b/shortcodes/children/children-1/index.html
index 78a20bd243..f7a4933fad 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -192,12 +192,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891449" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../../../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -314,12 +314,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.print.html b/shortcodes/children/children-1/index.print.html
index 6eab08212e..ebc604c865 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.html b/shortcodes/children/children-2/index.html
index 5a45789c1d..3da3c0f5f8 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,6 +76,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2"> > </li>
@@ -83,6 +84,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 2</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -177,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789784" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789784" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789784" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789784" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789784" defer></script>
-        <script src="../../../js/search.js?1675789784" defer></script>
+        <script src="../../../js/auto-complete.js?1675891449" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../../../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -299,12 +305,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789784"></script>
+          <script async src="../../../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.print.html b/shortcodes/children/children-2/index.print.html
index 4c0fa253b8..100eb49f3d 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -90,8 +90,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.html b/shortcodes/children/children-3/index.html
index 5e18f9944b..c275ba1756 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -192,12 +192,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789784" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789784" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789784" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789784" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789784" defer></script>
-        <script src="../../../js/search.js?1675789784" defer></script>
+        <script src="../../../js/auto-complete.js?1675891449" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../../../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -314,12 +314,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789784"></script>
+          <script async src="../../../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.print.html b/shortcodes/children/children-3/index.print.html
index 0e313d99ed..0f1d719bc1 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/test3/index.html b/shortcodes/children/children-3/test3/index.html
index 07eb9a3660..79698a9420 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1675789782"></script>
-    <script src="../../../../js/variant.js?1675789782"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1675891447"></script>
+    <script src="../../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,6 +76,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2"> > </li>
@@ -84,6 +85,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 3-1</span><meta itemprop="position" content="5"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -177,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../../js/search.js?1675789783" defer></script>
+        <script src="../../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -299,12 +305,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../../js/theme.js?1675891448" 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 2a1c3b0bca..ab32a01eb1 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../../js/url.js?1675789784"></script>
-    <script src="../../../../js/variant.js?1675789784"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../../js/url.js?1675891449"></script>
+    <script src="../../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -90,8 +90,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.html b/shortcodes/children/children-4/index.html
index 6b65925785..e6b2ed0705 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 4 (hidden)</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -175,12 +181,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789784" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789784" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789784" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789784" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789784" defer></script>
-        <script src="../../../js/search.js?1675789784" defer></script>
+        <script src="../../../js/auto-complete.js?1675891449" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../../../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -298,12 +304,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789784"></script>
+          <script async src="../../../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.print.html b/shortcodes/children/children-4/index.print.html
index a709453d05..4c2b6f140e 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -88,8 +88,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.html b/shortcodes/children/index.html
index 173af25b90..03fee6f8ab 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -130,13 +130,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -151,7 +151,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/children.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -383,12 +383,12 @@ So its content is used as description.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -505,12 +505,12 @@ So its content is used as description.</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.print.html b/shortcodes/children/index.print.html
index 9fb77c5228..67ed77d1a5 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -113,7 +113,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/children.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -406,8 +406,8 @@ So its content is used as description.</p>
           </section>        </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.html b/shortcodes/children/test/index.html
index 794efd6c60..32f266c3d5 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -77,6 +77,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2"> > </li>
@@ -84,6 +85,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page X</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -173,12 +179,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -295,12 +301,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.print.html b/shortcodes/children/test/index.print.html
index 953bb717c1..305d93593c 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -86,8 +86,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.html b/shortcodes/expand/index.html
index 68a47829c6..66f72e1c9e 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,14 +115,14 @@
 <p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-6f0930d0799632afb02b0843b2ec21c4" aria-controls="expandcontent-6f0930d0799632afb02b0843b2ec21c4" >
-    <label class="expand-label" for="expand-6f0930d0799632afb02b0843b2ec21c4" >
+    <input type="checkbox" id="expand-f1034c5e0390c9d7d0875b736f1baf78" aria-controls="expandcontent-f1034c5e0390c9d7d0875b736f1baf78" >
+    <label class="expand-label" for="expand-f1034c5e0390c9d7d0875b736f1baf78" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-6f0930d0799632afb02b0843b2ec21c4" class="expand-content">
+    <div id="expandcontent-f1034c5e0390c9d7d0875b736f1baf78" class="expand-content">
 Thank you!
     </div>
 </div>
@@ -140,19 +140,19 @@ Thank you!
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -167,14 +167,14 @@ Thank you!
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="s">&#34;Expand me...&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Thank</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>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/expand.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -221,14 +221,14 @@ Thank you!
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">you</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-853c99a5f60fefb226b1c85ec395cf25" aria-controls="expandcontent-853c99a5f60fefb226b1c85ec395cf25" >
-    <label class="expand-label" for="expand-853c99a5f60fefb226b1c85ec395cf25" >
+    <input type="checkbox" id="expand-bca4b3dd0d3aa41864db7c84331d1a0f" aria-controls="expandcontent-bca4b3dd0d3aa41864db7c84331d1a0f" >
+    <label class="expand-label" for="expand-bca4b3dd0d3aa41864db7c84331d1a0f" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-853c99a5f60fefb226b1c85ec395cf25" class="expand-content">
+    <div id="expandcontent-bca4b3dd0d3aa41864db7c84331d1a0f" class="expand-content">
 Yes, you did it!
     </div>
 </div>
@@ -236,14 +236,14 @@ Yes, you did it!
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">to</span> <span class="nx">press</span> <span class="nx">you</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-c3640d8e90964a88781c887e6f65c84b" aria-controls="expandcontent-c3640d8e90964a88781c887e6f65c84b"  checked>
-    <label class="expand-label" for="expand-c3640d8e90964a88781c887e6f65c84b" >
+    <input type="checkbox" id="expand-48f4a582aff9eb2c08ad52b2224ce638" aria-controls="expandcontent-48f4a582aff9eb2c08ad52b2224ce638"  checked>
+    <label class="expand-label" for="expand-48f4a582aff9eb2c08ad52b2224ce638" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-c3640d8e90964a88781c887e6f65c84b" class="expand-content">
+    <div id="expandcontent-48f4a582aff9eb2c08ad52b2224ce638" class="expand-content">
 No need to press you!
     </div>
 </div>
@@ -265,14 +265,14 @@ No need to press you!
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-99e31ae2bb9b417a686de703ff1fa37f" aria-controls="expandcontent-99e31ae2bb9b417a686de703ff1fa37f" >
-    <label class="expand-label" for="expand-99e31ae2bb9b417a686de703ff1fa37f" >
+    <input type="checkbox" id="expand-0e360612ca3d7c0aa346586c0527c499" aria-controls="expandcontent-0e360612ca3d7c0aa346586c0527c499" >
+    <label class="expand-label" for="expand-0e360612ca3d7c0aa346586c0527c499" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Show me almost endless possibilities
     </label>
-    <div id="expandcontent-99e31ae2bb9b417a686de703ff1fa37f" class="expand-content">
+    <div id="expandcontent-0e360612ca3d7c0aa346586c0527c499" class="expand-content">
 <p>You can add standard markdown syntax:</p>
 <ul>
 <li>multiple paragraphs</li>
@@ -367,12 +367,12 @@ No need to press you!
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891447" defer></script>
+        <script src="../../js/search.js?1675891447" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -489,12 +489,12 @@ No need to press you!
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891447"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891447" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891447" defer></script>
+    <script src="../../js/theme.js?1675891447" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.print.html b/shortcodes/expand/index.print.html
index 589ca604be..0e0153503c 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,14 +79,14 @@
 <p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-6f0930d0799632afb02b0843b2ec21c4" aria-controls="expandcontent-6f0930d0799632afb02b0843b2ec21c4" >
-    <label class="expand-label" for="expand-6f0930d0799632afb02b0843b2ec21c4" >
+    <input type="checkbox" id="expand-f1034c5e0390c9d7d0875b736f1baf78" aria-controls="expandcontent-f1034c5e0390c9d7d0875b736f1baf78" >
+    <label class="expand-label" for="expand-f1034c5e0390c9d7d0875b736f1baf78" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-6f0930d0799632afb02b0843b2ec21c4" class="expand-content">
+    <div id="expandcontent-f1034c5e0390c9d7d0875b736f1baf78" class="expand-content">
 Thank you!
     </div>
 </div>
@@ -104,19 +104,19 @@ Thank you!
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -131,14 +131,14 @@ Thank you!
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="s">&#34;Expand me...&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Thank</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>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/expand.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -185,14 +185,14 @@ Thank you!
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">you</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-853c99a5f60fefb226b1c85ec395cf25" aria-controls="expandcontent-853c99a5f60fefb226b1c85ec395cf25" >
-    <label class="expand-label" for="expand-853c99a5f60fefb226b1c85ec395cf25" >
+    <input type="checkbox" id="expand-bca4b3dd0d3aa41864db7c84331d1a0f" aria-controls="expandcontent-bca4b3dd0d3aa41864db7c84331d1a0f" >
+    <label class="expand-label" for="expand-bca4b3dd0d3aa41864db7c84331d1a0f" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-853c99a5f60fefb226b1c85ec395cf25" class="expand-content">
+    <div id="expandcontent-bca4b3dd0d3aa41864db7c84331d1a0f" class="expand-content">
 Yes, you did it!
     </div>
 </div>
@@ -200,14 +200,14 @@ Yes, you did it!
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">to</span> <span class="nx">press</span> <span class="nx">you</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-c3640d8e90964a88781c887e6f65c84b" aria-controls="expandcontent-c3640d8e90964a88781c887e6f65c84b"  checked>
-    <label class="expand-label" for="expand-c3640d8e90964a88781c887e6f65c84b" >
+    <input type="checkbox" id="expand-48f4a582aff9eb2c08ad52b2224ce638" aria-controls="expandcontent-48f4a582aff9eb2c08ad52b2224ce638"  checked>
+    <label class="expand-label" for="expand-48f4a582aff9eb2c08ad52b2224ce638" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-c3640d8e90964a88781c887e6f65c84b" class="expand-content">
+    <div id="expandcontent-48f4a582aff9eb2c08ad52b2224ce638" class="expand-content">
 No need to press you!
     </div>
 </div>
@@ -229,14 +229,14 @@ No need to press you!
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-99e31ae2bb9b417a686de703ff1fa37f" aria-controls="expandcontent-99e31ae2bb9b417a686de703ff1fa37f" >
-    <label class="expand-label" for="expand-99e31ae2bb9b417a686de703ff1fa37f" >
+    <input type="checkbox" id="expand-0e360612ca3d7c0aa346586c0527c499" aria-controls="expandcontent-0e360612ca3d7c0aa346586c0527c499" >
+    <label class="expand-label" for="expand-0e360612ca3d7c0aa346586c0527c499" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Show me almost endless possibilities
     </label>
-    <div id="expandcontent-99e31ae2bb9b417a686de703ff1fa37f" class="expand-content">
+    <div id="expandcontent-0e360612ca3d7c0aa346586c0527c499" class="expand-content">
 <p>You can add standard markdown syntax:</p>
 <ul>
 <li>multiple paragraphs</li>
@@ -259,8 +259,8 @@ No need to press you!
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.html b/shortcodes/icon/index.html
index b0cde9fd65..a727afc7bf 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,19 +127,19 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -156,7 +156,7 @@
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">icon</span> <span class="nx">exclamation</span><span class="o">-</span><span class="nx">triangle</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">icon</span> <span class="nx">angle</span><span class="o">-</span><span class="nx">double</span><span class="o">-</span><span class="nx">up</span> <span class="o">%</span><span class="p">}}</span>
@@ -165,7 +165,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/icon.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -302,12 +302,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891447" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891447" defer></script>
+        <script src="../../js/search.js?1675891447" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -424,12 +424,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891447"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891447" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891447" defer></script>
+    <script src="../../js/theme.js?1675891447" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.print.html b/shortcodes/icon/index.print.html
index 75c1373abe..7ad2f31cef 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -90,19 +90,19 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -119,7 +119,7 @@
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">icon</span> <span class="nx">exclamation</span><span class="o">-</span><span class="nx">triangle</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">icon</span> <span class="nx">angle</span><span class="o">-</span><span class="nx">double</span><span class="o">-</span><span class="nx">up</span> <span class="o">%</span><span class="p">}}</span>
@@ -128,7 +128,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/icon.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -193,8 +193,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.html b/shortcodes/include/index.html
index b44d71b83f..de6fd82173 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -118,19 +118,19 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -145,14 +145,14 @@
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/include .html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -282,12 +282,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -404,12 +404,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.print.html b/shortcodes/include/index.print.html
index 3cf7aab5fc..a6ef6cd049 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,19 +84,19 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -111,14 +111,14 @@
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/include .html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -176,8 +176,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.html b/shortcodes/include_me/index.html
index 549c98c552..3f08af3b28 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>Hugo Relearn Theme</title>
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -72,12 +72,18 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Hugo Relearn Theme</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -178,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -300,12 +306,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.print.html b/shortcodes/include_me/index.print.html
index 1b1d8c14d0..333fd78111 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>Hugo Relearn Theme</title>
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -91,8 +91,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.html b/shortcodes/index.html
index 9cf06c83c8..e59d913c18 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../js/url.js?1675789782"></script>
-    <script src="../js/variant.js?1675789782"></script>
+    <link href="../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../js/url.js?1675891447"></script>
+    <script src="../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -76,11 +76,17 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Shortcodes</span><meta itemprop="position" content="2"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable chapter narrow" tabindex="-1">
@@ -191,12 +197,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1675789783" defer></script>
-        <script src="../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../js/search.js?1675789783" defer></script>
+        <script src="../js/auto-complete.js?1675891449" defer></script>
+        <script src="../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -313,12 +319,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1675789783"></script>
+          <script async src="../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../js/theme.js?1675789783" defer></script>
+    <script src="../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.print.html b/shortcodes/index.print.html
index f492176d86..e64fe00801 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../js/url.js?1675789784"></script>
-    <script src="../js/variant.js?1675789784"></script>
+    <link href="../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../js/url.js?1675891449"></script>
+    <script src="../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -127,13 +127,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -148,7 +148,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/attachments.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -354,13 +354,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -379,7 +379,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/badge.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -572,13 +572,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -594,7 +594,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/button.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -897,13 +897,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -918,7 +918,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/children.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -1215,14 +1215,14 @@ So its content is used as description.</p>
 <p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-6f0930d0799632afb02b0843b2ec21c4" aria-controls="expandcontent-6f0930d0799632afb02b0843b2ec21c4" >
-    <label class="expand-label" for="expand-6f0930d0799632afb02b0843b2ec21c4" >
+    <input type="checkbox" id="expand-f1034c5e0390c9d7d0875b736f1baf78" aria-controls="expandcontent-f1034c5e0390c9d7d0875b736f1baf78" >
+    <label class="expand-label" for="expand-f1034c5e0390c9d7d0875b736f1baf78" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-6f0930d0799632afb02b0843b2ec21c4" class="expand-content">
+    <div id="expandcontent-f1034c5e0390c9d7d0875b736f1baf78" class="expand-content">
 Thank you!
     </div>
 </div>
@@ -1240,19 +1240,19 @@ Thank you!
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -1267,14 +1267,14 @@ Thank you!
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="s">&#34;Expand me...&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Thank</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>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/expand.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -1321,14 +1321,14 @@ Thank you!
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">you</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-853c99a5f60fefb226b1c85ec395cf25" aria-controls="expandcontent-853c99a5f60fefb226b1c85ec395cf25" >
-    <label class="expand-label" for="expand-853c99a5f60fefb226b1c85ec395cf25" >
+    <input type="checkbox" id="expand-bca4b3dd0d3aa41864db7c84331d1a0f" aria-controls="expandcontent-bca4b3dd0d3aa41864db7c84331d1a0f" >
+    <label class="expand-label" for="expand-bca4b3dd0d3aa41864db7c84331d1a0f" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-853c99a5f60fefb226b1c85ec395cf25" class="expand-content">
+    <div id="expandcontent-bca4b3dd0d3aa41864db7c84331d1a0f" class="expand-content">
 Yes, you did it!
     </div>
 </div>
@@ -1336,14 +1336,14 @@ Yes, you did it!
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">to</span> <span class="nx">press</span> <span class="nx">you</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-c3640d8e90964a88781c887e6f65c84b" aria-controls="expandcontent-c3640d8e90964a88781c887e6f65c84b"  checked>
-    <label class="expand-label" for="expand-c3640d8e90964a88781c887e6f65c84b" >
+    <input type="checkbox" id="expand-48f4a582aff9eb2c08ad52b2224ce638" aria-controls="expandcontent-48f4a582aff9eb2c08ad52b2224ce638"  checked>
+    <label class="expand-label" for="expand-48f4a582aff9eb2c08ad52b2224ce638" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-c3640d8e90964a88781c887e6f65c84b" class="expand-content">
+    <div id="expandcontent-48f4a582aff9eb2c08ad52b2224ce638" class="expand-content">
 No need to press you!
     </div>
 </div>
@@ -1365,14 +1365,14 @@ No need to press you!
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-99e31ae2bb9b417a686de703ff1fa37f" aria-controls="expandcontent-99e31ae2bb9b417a686de703ff1fa37f" >
-    <label class="expand-label" for="expand-99e31ae2bb9b417a686de703ff1fa37f" >
+    <input type="checkbox" id="expand-0e360612ca3d7c0aa346586c0527c499" aria-controls="expandcontent-0e360612ca3d7c0aa346586c0527c499" >
+    <label class="expand-label" for="expand-0e360612ca3d7c0aa346586c0527c499" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Show me almost endless possibilities
     </label>
-    <div id="expandcontent-99e31ae2bb9b417a686de703ff1fa37f" class="expand-content">
+    <div id="expandcontent-0e360612ca3d7c0aa346586c0527c499" class="expand-content">
 <p>You can add standard markdown syntax:</p>
 <ul>
 <li>multiple paragraphs</li>
@@ -1410,19 +1410,19 @@ No need to press you!
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -1439,7 +1439,7 @@ No need to press you!
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">icon</span> <span class="nx">exclamation</span><span class="o">-</span><span class="nx">triangle</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">icon</span> <span class="nx">angle</span><span class="o">-</span><span class="nx">double</span><span class="o">-</span><span class="nx">up</span> <span class="o">%</span><span class="p">}}</span>
@@ -1448,7 +1448,7 @@ No need to press you!
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/icon.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -1522,19 +1522,19 @@ No need to press you!
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -1549,14 +1549,14 @@ No need to press you!
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/include .html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -1642,19 +1642,19 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
   <div class="tab-nav">
     <button
       data-tab-item="codefence"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
       <span>codefence</span></button>
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -1671,7 +1671,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     </div>
     <div
       data-tab-item="shortcode"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">math</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;center&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="err">$$\</span><span class="nf">left</span><span class="p">(</span> <span class="err">\</span><span class="nx">sum_</span><span class="p">{</span><span class="nx">k</span><span class="p">=</span><span class="mi">1</span><span class="p">}^</span><span class="nx">n</span> <span class="nx">a_k</span> <span class="nx">b_k</span> <span class="err">\</span><span class="nx">right</span><span class="p">)^</span><span class="mi">2</span> <span class="err">\</span><span class="nx">leq</span> <span class="err">\</span><span class="nf">left</span><span class="p">(</span> <span class="err">\</span><span class="nx">sum_</span><span class="p">{</span><span class="nx">k</span><span class="p">=</span><span class="mi">1</span><span class="p">}^</span><span class="nx">n</span> <span class="nx">a_k</span><span class="p">^</span><span class="mi">2</span> <span class="err">\</span><span class="nx">right</span><span class="p">)</span> <span class="err">\</span><span class="nf">left</span><span class="p">(</span> <span class="err">\</span><span class="nx">sum_</span><span class="p">{</span><span class="nx">k</span><span class="p">=</span><span class="mi">1</span><span class="p">}^</span><span class="nx">n</span> <span class="nx">b_k</span><span class="p">^</span><span class="mi">2</span> <span class="err">\</span><span class="nx">right</span><span class="p">)</span><span class="err">$$</span>
@@ -1680,7 +1680,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/math.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -1812,19 +1812,19 @@ graph LR;
   <div class="tab-nav">
     <button
       data-tab-item="codefence"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
       <span>codefence</span></button>
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -1843,7 +1843,7 @@ graph LR;
     </div>
     <div
       data-tab-item="shortcode"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;center&#34;</span> <span class="nx">zoom</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">graph</span> <span class="nx">LR</span><span class="p">;</span>
@@ -1854,7 +1854,7 @@ graph LR;
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/mermaid.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -2307,19 +2307,19 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -2336,7 +2336,7 @@ C4Context
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">primary</span> <span class="s">&#34;There may be pirates&#34;</span> <span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">It</span> <span class="nx">is</span> <span class="nx">all</span> <span class="nx">about</span> <span class="nx">the</span> <span class="nx">boxes</span><span class="p">.</span>
@@ -2345,7 +2345,7 @@ C4Context
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/notice.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -2634,19 +2634,19 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -2661,14 +2661,14 @@ C4Context
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">siteparam</span> <span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/siteparam.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -2724,13 +2724,13 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -2745,7 +2745,7 @@ C4Context
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/swagger.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -2821,13 +2821,13 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-language','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-language','bash')"
     >
       <span>bash</span></button>
@@ -2842,7 +2842,7 @@ C4Context
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
 </span></span></code></pre></div>
@@ -2856,13 +2856,13 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -2888,7 +2888,7 @@ C4Context
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/tabs.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -2963,19 +2963,19 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="json"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-config','json')"
     >
       <span>json</span></button>
     <button
       data-tab-item="XML"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-config','XML')"
     >
       <span>XML</span></button>
     <button
       data-tab-item="properties"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-config','properties')"
     >
       <span>properties</span></button>
@@ -2992,14 +2992,14 @@ C4Context
     </div>
     <div
       data-tab-item="XML"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-xml" data-lang="xml"><span class="line"><span class="cl"><span class="nt">&lt;Hello&gt;</span>World<span class="nt">&lt;/Hello&gt;</span>
 </span></span></code></pre></div>
     </div>
     <div
       data-tab-item="properties"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-ini" data-lang="ini"><span class="line"><span class="cl"><span class="na">Hello</span> <span class="o">=</span> <span class="s">World</span>
 </span></span></code></pre></div>
@@ -3027,13 +3027,13 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="json"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-config','json')"
     >
       <span>json</span></button>
     <button
       data-tab-item="XML"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-config','XML')"
     >
       <span>XML</span></button>
@@ -3050,7 +3050,7 @@ C4Context
     </div>
     <div
       data-tab-item="XML"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-xml" data-lang="xml"><span class="line"><span class="cl"><span class="nt">&lt;Hello&gt;</span>World<span class="nt">&lt;/Hello&gt;</span>
 </span></span></code></pre></div>
@@ -3096,13 +3096,13 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="Text"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('main','Text')"
     >
       <span>Text</span></button>
     <button
       data-tab-item="Code"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('main','Code')"
     >
       <span>Code</span></button>
@@ -3119,13 +3119,13 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-language','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-language','bash')"
     >
       <span>bash</span></button>
@@ -3144,7 +3144,7 @@ C4Context
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <p>Bash is for <strong>hackers</strong>.</p>
 
@@ -3155,7 +3155,7 @@ C4Context
     </div>
     <div
       data-tab-item="Code"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 
   ...but no markdown
@@ -3164,13 +3164,13 @@ C4Context
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-language','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-language','bash')"
     >
       <span>bash</span></button>
@@ -3185,7 +3185,7 @@ C4Context
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
 </span></span></code></pre></div>
@@ -3204,8 +3204,8 @@ C4Context
           </section>        </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1675789784" defer></script>
+    <script src="../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1675891449" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -3234,24 +3234,24 @@ C4Context
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1675789784"></script>
-    <script src="../js/d3/d3-color.min.js?1675789784" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1675789784" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1675789784" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1675789784" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1675789784" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1675789784" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1675789784" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1675789784" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1675789784" defer></script>
-    <script src="../js/mermaid.min.js?1675789784" defer></script>
+    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1675891449"></script>
+    <script src="../js/d3/d3-color.min.js?1675891449" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1675891449" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1675891449" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1675891449" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1675891449" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1675891449" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1675891449" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1675891449" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1675891449" defer></script>
+    <script src="../js/mermaid.min.js?1675891449" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../js/rapidoc-min.js?1675789784" defer></script>
+    <script src="../js/rapidoc-min.js?1675891449" defer></script>
     <script>
       window.themeUseSwagger = JSON.parse("{}");
     </script>
-    <script src="../js/theme.js?1675789784" defer></script>
+    <script src="../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/math/index.html b/shortcodes/math/index.html
index b03cd76882..a2d7938c47 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,19 +146,19 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
   <div class="tab-nav">
     <button
       data-tab-item="codefence"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
       <span>codefence</span></button>
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -175,7 +175,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     </div>
     <div
       data-tab-item="shortcode"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">math</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;center&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="err">$$\</span><span class="nf">left</span><span class="p">(</span> <span class="err">\</span><span class="nx">sum_</span><span class="p">{</span><span class="nx">k</span><span class="p">=</span><span class="mi">1</span><span class="p">}^</span><span class="nx">n</span> <span class="nx">a_k</span> <span class="nx">b_k</span> <span class="err">\</span><span class="nx">right</span><span class="p">)^</span><span class="mi">2</span> <span class="err">\</span><span class="nx">leq</span> <span class="err">\</span><span class="nf">left</span><span class="p">(</span> <span class="err">\</span><span class="nx">sum_</span><span class="p">{</span><span class="nx">k</span><span class="p">=</span><span class="mi">1</span><span class="p">}^</span><span class="nx">n</span> <span class="nx">a_k</span><span class="p">^</span><span class="mi">2</span> <span class="err">\</span><span class="nx">right</span><span class="p">)</span> <span class="err">\</span><span class="nf">left</span><span class="p">(</span> <span class="err">\</span><span class="nx">sum_</span><span class="p">{</span><span class="nx">k</span><span class="p">=</span><span class="mi">1</span><span class="p">}^</span><span class="nx">n</span> <span class="nx">b_k</span><span class="p">^</span><span class="mi">2</span> <span class="err">\</span><span class="nx">right</span><span class="p">)</span><span class="err">$$</span>
@@ -184,7 +184,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/math.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -351,12 +351,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -473,12 +473,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891448" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -507,7 +507,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?1675789783"></script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1675891448"></script>
+    <script src="../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/shortcodes/math/index.print.html b/shortcodes/math/index.print.html
index 83287e628d..3a5cf53f49 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -103,19 +103,19 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
   <div class="tab-nav">
     <button
       data-tab-item="codefence"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
       <span>codefence</span></button>
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -132,7 +132,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     </div>
     <div
       data-tab-item="shortcode"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">math</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;center&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="err">$$\</span><span class="nf">left</span><span class="p">(</span> <span class="err">\</span><span class="nx">sum_</span><span class="p">{</span><span class="nx">k</span><span class="p">=</span><span class="mi">1</span><span class="p">}^</span><span class="nx">n</span> <span class="nx">a_k</span> <span class="nx">b_k</span> <span class="err">\</span><span class="nx">right</span><span class="p">)^</span><span class="mi">2</span> <span class="err">\</span><span class="nx">leq</span> <span class="err">\</span><span class="nf">left</span><span class="p">(</span> <span class="err">\</span><span class="nx">sum_</span><span class="p">{</span><span class="nx">k</span><span class="p">=</span><span class="mi">1</span><span class="p">}^</span><span class="nx">n</span> <span class="nx">a_k</span><span class="p">^</span><span class="mi">2</span> <span class="err">\</span><span class="nx">right</span><span class="p">)</span> <span class="err">\</span><span class="nf">left</span><span class="p">(</span> <span class="err">\</span><span class="nx">sum_</span><span class="p">{</span><span class="nx">k</span><span class="p">=</span><span class="mi">1</span><span class="p">}^</span><span class="nx">n</span> <span class="nx">b_k</span><span class="p">^</span><span class="mi">2</span> <span class="err">\</span><span class="nx">right</span><span class="p">)</span><span class="err">$$</span>
@@ -141,7 +141,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/math.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -236,8 +236,8 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -266,7 +266,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?1675789784"></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1675891449"></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.html b/shortcodes/mermaid/index.html
index 3c1c3dbe3f..a1602c618e 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -162,19 +162,19 @@ graph LR;
   <div class="tab-nav">
     <button
       data-tab-item="codefence"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
       <span>codefence</span></button>
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -193,7 +193,7 @@ graph LR;
     </div>
     <div
       data-tab-item="shortcode"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;center&#34;</span> <span class="nx">zoom</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">graph</span> <span class="nx">LR</span><span class="p">;</span>
@@ -204,7 +204,7 @@ graph LR;
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/mermaid.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -713,12 +713,12 @@ C4Context
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -835,25 +835,25 @@ C4Context
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1675789783" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1675789783" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1675789783" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1675789783" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1675789783" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1675789783" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1675789783" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1675789783" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1675789783" defer></script>
-    <script src="../../js/mermaid.min.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1675891448" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1675891448" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1675891448" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1675891448" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1675891448" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1675891448" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1675891448" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1675891448" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1675891448" defer></script>
+    <script src="../../js/mermaid.min.js?1675891448" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script src="../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.print.html b/shortcodes/mermaid/index.print.html
index 4997342cce..438d560a85 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,19 +112,19 @@ graph LR;
   <div class="tab-nav">
     <button
       data-tab-item="codefence"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
       <span>codefence</span></button>
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -143,7 +143,7 @@ graph LR;
     </div>
     <div
       data-tab-item="shortcode"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;center&#34;</span> <span class="nx">zoom</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">graph</span> <span class="nx">LR</span><span class="p">;</span>
@@ -154,7 +154,7 @@ graph LR;
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/mermaid.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -591,21 +591,21 @@ C4Context
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1675789784" defer></script>
-    <script src="../../js/mermaid.min.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1675891449" defer></script>
+    <script src="../../js/mermaid.min.js?1675891449" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.html b/shortcodes/notice/index.html
index ccc76478f6..c083eedb06 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -129,19 +129,19 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -158,7 +158,7 @@
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">primary</span> <span class="s">&#34;There may be pirates&#34;</span> <span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">It</span> <span class="nx">is</span> <span class="nx">all</span> <span class="nx">about</span> <span class="nx">the</span> <span class="nx">boxes</span><span class="p">.</span>
@@ -167,7 +167,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/notice.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -519,12 +519,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -641,12 +641,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.print.html b/shortcodes/notice/index.print.html
index 59f22a5f8e..e02c10c4ac 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,19 +91,19 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -120,7 +120,7 @@
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">primary</span> <span class="s">&#34;There may be pirates&#34;</span> <span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">It</span> <span class="nx">is</span> <span class="nx">all</span> <span class="nx">about</span> <span class="nx">the</span> <span class="nx">boxes</span><span class="p">.</span>
@@ -129,7 +129,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/notice.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -409,8 +409,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.html b/shortcodes/siteparam/index.html
index eeb0382238..77b7bf4510 100644
--- a/shortcodes/siteparam/index.html
+++ b/shortcodes/siteparam/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="Site param :: Hugo Relearn Theme">
     <link href="../../shortcodes/siteparam/index.print.html" rel="alternate" type="text/html" title="Site param :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -118,19 +118,19 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -145,14 +145,14 @@
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">siteparam</span> <span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/siteparam.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -264,12 +264,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -386,12 +386,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.print.html b/shortcodes/siteparam/index.print.html
index 226dbbf4a3..1222fa770b 100644
--- a/shortcodes/siteparam/index.print.html
+++ b/shortcodes/siteparam/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/siteparam/index.html" rel="canonical" type="text/html" title="Site param :: Hugo Relearn Theme">
     <link href="../../shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="Site param :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,19 +84,19 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="shortcode (positional)"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','shortcode (positional)')"
     >
       <span>shortcode (positional)</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -111,14 +111,14 @@
     </div>
     <div
       data-tab-item="shortcode (positional)"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">siteparam</span> <span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/siteparam.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -158,8 +158,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/swagger/index.html b/shortcodes/swagger/index.html
index 42cb705295..3049a676d9 100644
--- a/shortcodes/swagger/index.html
+++ b/shortcodes/swagger/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/swagger/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/swagger/index.xml" rel="alternate" type="application/rss+xml" title="Swagger :: Hugo Relearn Theme">
     <link href="../../shortcodes/swagger/index.print.html" rel="alternate" type="text/html" title="Swagger :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -130,13 +130,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -151,7 +151,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/swagger.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -291,12 +291,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789784" defer></script>
-        <script src="../../js/search.js?1675789784" defer></script>
+        <script src="../../js/auto-complete.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -413,16 +413,16 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789784"></script>
+          <script async src="../../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/rapidoc-min.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/rapidoc-min.js?1675891449" defer></script>
     <script>
       window.themeUseSwagger = JSON.parse("{}");
     </script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/swagger/index.print.html b/shortcodes/swagger/index.print.html
index 4a6da31baa..ac3571bf0e 100644
--- a/shortcodes/swagger/index.print.html
+++ b/shortcodes/swagger/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/swagger/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/swagger/index.html" rel="canonical" type="text/html" title="Swagger :: Hugo Relearn Theme">
     <link href="../../shortcodes/swagger/index.xml" rel="alternate" type="application/rss+xml" title="Swagger :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +91,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -112,7 +112,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/swagger.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -180,12 +180,12 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/rapidoc-min.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/rapidoc-min.js?1675891449" defer></script>
     <script>
       window.themeUseSwagger = JSON.parse("{}");
     </script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.html b/shortcodes/tabs/index.html
index 347c3e0464..69f47c170c 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -119,13 +119,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-language','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-language','bash')"
     >
       <span>bash</span></button>
@@ -140,7 +140,7 @@
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
 </span></span></code></pre></div>
@@ -154,13 +154,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -186,7 +186,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/tabs.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -261,19 +261,19 @@
   <div class="tab-nav">
     <button
       data-tab-item="json"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-config','json')"
     >
       <span>json</span></button>
     <button
       data-tab-item="XML"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-config','XML')"
     >
       <span>XML</span></button>
     <button
       data-tab-item="properties"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-config','properties')"
     >
       <span>properties</span></button>
@@ -290,14 +290,14 @@
     </div>
     <div
       data-tab-item="XML"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-xml" data-lang="xml"><span class="line"><span class="cl"><span class="nt">&lt;Hello&gt;</span>World<span class="nt">&lt;/Hello&gt;</span>
 </span></span></code></pre></div>
     </div>
     <div
       data-tab-item="properties"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-ini" data-lang="ini"><span class="line"><span class="cl"><span class="na">Hello</span> <span class="o">=</span> <span class="s">World</span>
 </span></span></code></pre></div>
@@ -325,13 +325,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="json"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-config','json')"
     >
       <span>json</span></button>
     <button
       data-tab-item="XML"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-config','XML')"
     >
       <span>XML</span></button>
@@ -348,7 +348,7 @@
     </div>
     <div
       data-tab-item="XML"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-xml" data-lang="xml"><span class="line"><span class="cl"><span class="nt">&lt;Hello&gt;</span>World<span class="nt">&lt;/Hello&gt;</span>
 </span></span></code></pre></div>
@@ -394,13 +394,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="Text"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('main','Text')"
     >
       <span>Text</span></button>
     <button
       data-tab-item="Code"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('main','Code')"
     >
       <span>Code</span></button>
@@ -417,13 +417,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-language','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-language','bash')"
     >
       <span>bash</span></button>
@@ -442,7 +442,7 @@
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <p>Bash is for <strong>hackers</strong>.</p>
 
@@ -453,7 +453,7 @@
     </div>
     <div
       data-tab-item="Code"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 
   ...but no markdown
@@ -462,13 +462,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-language','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-language','bash')"
     >
       <span>bash</span></button>
@@ -483,7 +483,7 @@
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
 </span></span></code></pre></div>
@@ -573,12 +573,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -695,12 +695,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.print.html b/shortcodes/tabs/index.print.html
index ac821b14d4..e82bfac263 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,13 +83,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-language','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-language','bash')"
     >
       <span>bash</span></button>
@@ -104,7 +104,7 @@
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
 </span></span></code></pre></div>
@@ -118,13 +118,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="shortcode"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
       <span>shortcode</span></button>
     <button
       data-tab-item="partial"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('shortcode-parameter','partial')"
     >
       <span>partial</span></button>
@@ -150,7 +150,7 @@
     </div>
     <div
       data-tab-item="partial"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/tabs.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
@@ -225,19 +225,19 @@
   <div class="tab-nav">
     <button
       data-tab-item="json"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-config','json')"
     >
       <span>json</span></button>
     <button
       data-tab-item="XML"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-config','XML')"
     >
       <span>XML</span></button>
     <button
       data-tab-item="properties"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-config','properties')"
     >
       <span>properties</span></button>
@@ -254,14 +254,14 @@
     </div>
     <div
       data-tab-item="XML"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-xml" data-lang="xml"><span class="line"><span class="cl"><span class="nt">&lt;Hello&gt;</span>World<span class="nt">&lt;/Hello&gt;</span>
 </span></span></code></pre></div>
     </div>
     <div
       data-tab-item="properties"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-ini" data-lang="ini"><span class="line"><span class="cl"><span class="na">Hello</span> <span class="o">=</span> <span class="s">World</span>
 </span></span></code></pre></div>
@@ -289,13 +289,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="json"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-config','json')"
     >
       <span>json</span></button>
     <button
       data-tab-item="XML"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-config','XML')"
     >
       <span>XML</span></button>
@@ -312,7 +312,7 @@
     </div>
     <div
       data-tab-item="XML"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-xml" data-lang="xml"><span class="line"><span class="cl"><span class="nt">&lt;Hello&gt;</span>World<span class="nt">&lt;/Hello&gt;</span>
 </span></span></code></pre></div>
@@ -358,13 +358,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="Text"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('main','Text')"
     >
       <span>Text</span></button>
     <button
       data-tab-item="Code"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('main','Code')"
     >
       <span>Code</span></button>
@@ -381,13 +381,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-language','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-language','bash')"
     >
       <span>bash</span></button>
@@ -406,7 +406,7 @@
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <p>Bash is for <strong>hackers</strong>.</p>
 
@@ -417,7 +417,7 @@
     </div>
     <div
       data-tab-item="Code"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 
   ...but no markdown
@@ -426,13 +426,13 @@
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('tabs-example-language','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('tabs-example-language','bash')"
     >
       <span>bash</span></button>
@@ -447,7 +447,7 @@
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
 </span></span></code></pre></div>
@@ -465,8 +465,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tags/children/index.html b/tags/children/index.html
index ecad894609..68dc50b560 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 :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -65,12 +65,18 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../tags/index.html"><span itemprop="name">Tags</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">children</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -173,12 +179,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789784" defer></script>
-        <script src="../../js/search.js?1675789784" defer></script>
+        <script src="../../js/auto-complete.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -295,12 +301,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789784"></script>
+          <script async src="../../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tags/documentation/index.html b/tags/documentation/index.html
index 5cb92f44a2..258135fcb6 100644
--- a/tags/documentation/index.html
+++ b/tags/documentation/index.html
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>documentation :: Hugo Relearn Theme</title>
     <link href="../../tags/documentation/index.xml" rel="alternate" type="application/rss+xml" title="documentation :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -62,12 +62,18 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../tags/index.html"><span itemprop="name">Tags</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">documentation</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -157,12 +163,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789784" defer></script>
-        <script src="../../js/search.js?1675789784" defer></script>
+        <script src="../../js/auto-complete.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -278,12 +284,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789784"></script>
+          <script async src="../../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tags/hidden/index.html b/tags/hidden/index.html
index f8db76155a..f6c157d59c 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 :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -65,12 +65,18 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../tags/index.html"><span itemprop="name">Tags</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">hidden</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -164,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789784" defer></script>
-        <script src="../../js/search.js?1675789784" defer></script>
+        <script src="../../js/auto-complete.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -286,12 +292,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789784"></script>
+          <script async src="../../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tags/index.html b/tags/index.html
index 7cfd885fcc..874cc49033 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?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../js/url.js?1675789782"></script>
-    <script src="../js/variant.js?1675789782"></script>
+    <link href="../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../js/url.js?1675891447"></script>
+    <script src="../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -65,11 +65,17 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tags</span><meta itemprop="position" content="2"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -163,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1675789784" defer></script>
-        <script src="../js/lunr/lunr.min.js?1675789784" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1675789784" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1675789784" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1675789784" defer></script>
-        <script src="../js/search.js?1675789784" defer></script>
+        <script src="../js/auto-complete.js?1675891449" defer></script>
+        <script src="../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -285,12 +291,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1675789784"></script>
+          <script async src="../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../js/theme.js?1675789784" defer></script>
+    <script src="../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tags/non-hidden/index.html b/tags/non-hidden/index.html
index 2152214b0e..c5f48519fb 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 :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -65,12 +65,18 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../tags/index.html"><span itemprop="name">Tags</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">non-hidden</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -168,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789784" defer></script>
-        <script src="../../js/search.js?1675789784" defer></script>
+        <script src="../../js/auto-complete.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -290,12 +296,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789784"></script>
+          <script async src="../../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tags/tutorial-stuff/index.html b/tags/tutorial-stuff/index.html
index eb9621b283..58aefd6fc5 100644
--- a/tags/tutorial-stuff/index.html
+++ b/tags/tutorial-stuff/index.html
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>tutorial stuff :: Hugo Relearn Theme</title>
     <link href="../../tags/tutorial-stuff/index.xml" rel="alternate" type="application/rss+xml" title="tutorial stuff :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -62,12 +62,18 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../tags/index.html"><span itemprop="name">Tags</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">tutorial stuff</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -157,12 +163,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789784" defer></script>
-        <script src="../../js/search.js?1675789784" defer></script>
+        <script src="../../js/auto-complete.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -278,12 +284,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789784"></script>
+          <script async src="../../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/attach/attach1/index.html b/tests/attach/attach1/index.html
index 6a2ee4526e..ee850abe88 100644
--- a/tests/attach/attach1/index.html
+++ b/tests/attach/attach1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Attachments Branch Test</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -177,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789784" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789784" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789784" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789784" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789784" defer></script>
-        <script src="../../../js/search.js?1675789784" defer></script>
+        <script src="../../../js/auto-complete.js?1675891449" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../../../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -339,12 +345,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789784"></script>
+          <script async src="../../../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/attach/attach1/index.print.html b/tests/attach/attach1/index.print.html
index 6be8b37734..6c75320195 100644
--- a/tests/attach/attach1/index.print.html
+++ b/tests/attach/attach1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -90,8 +90,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/attach/attach2/index.html b/tests/attach/attach2/index.html
index 92e1839f47..5f59ab50fe 100644
--- a/tests/attach/attach2/index.html
+++ b/tests/attach/attach2/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach2/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach2/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach2/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Attachments Leaf Test</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -177,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -339,12 +345,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/attach/attach2/index.print.html b/tests/attach/attach2/index.print.html
index 6036972136..1526a2e652 100644
--- a/tests/attach/attach2/index.print.html
+++ b/tests/attach/attach2/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach2/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach2/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach2/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -90,8 +90,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/attach/attach3/index.html b/tests/attach/attach3/index.html
index 67f17dd4fc..ddbbe6593e 100644
--- a/tests/attach/attach3/index.html
+++ b/tests/attach/attach3/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach3/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach3/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Attachments Page Test</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -177,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -339,12 +345,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/attach/attach3/index.print.html b/tests/attach/attach3/index.print.html
index 9f76783ce5..01961d953e 100644
--- a/tests/attach/attach3/index.print.html
+++ b/tests/attach/attach3/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach3/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach3/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -90,8 +90,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/attach/index.html b/tests/attach/index.html
index d6ca62207c..20be1b2474 100644
--- a/tests/attach/index.html
+++ b/tests/attach/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,12 +75,18 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Attachments Shortcode Test</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -177,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789784" defer></script>
-        <script src="../../js/search.js?1675789784" defer></script>
+        <script src="../../js/auto-complete.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -339,12 +345,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789784"></script>
+          <script async src="../../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/attach/index.print.html b/tests/attach/index.print.html
index 1ddb5faca0..009567a48e 100644
--- a/tests/attach/index.print.html
+++ b/tests/attach/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/1/index.html b/tests/chapters/1/index.html
index 67cdf2c67a..4fb2360bb3 100644
--- a/tests/chapters/1/index.html
+++ b/tests/chapters/1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">1</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -170,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -332,12 +338,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/1/index.print.html b/tests/chapters/1/index.print.html
index ad8e98429c..4396ba3769 100644
--- a/tests/chapters/1/index.print.html
+++ b/tests/chapters/1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/10/index.html b/tests/chapters/10/index.html
index 5062c80897..e40c3cb0cc 100644
--- a/tests/chapters/10/index.html
+++ b/tests/chapters/10/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/10/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/10/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/10/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">10</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -170,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -332,12 +338,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/10/index.print.html b/tests/chapters/10/index.print.html
index bd14fd72cc..8cbd06386e 100644
--- a/tests/chapters/10/index.print.html
+++ b/tests/chapters/10/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/10/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/10/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/10/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/11/index.html b/tests/chapters/11/index.html
index 3e4c8f3175..3a025a1c5b 100644
--- a/tests/chapters/11/index.html
+++ b/tests/chapters/11/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>11 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -72,6 +72,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -79,6 +80,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">11</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -167,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/11/index.print.html b/tests/chapters/11/index.print.html
index 8e37200b93..cb5e538ad2 100644
--- a/tests/chapters/11/index.print.html
+++ b/tests/chapters/11/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>11 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/12/index.html b/tests/chapters/12/index.html
index 1db529e9c1..2b9f04b6f5 100644
--- a/tests/chapters/12/index.html
+++ b/tests/chapters/12/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>12 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -72,6 +72,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -79,6 +80,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">12</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -167,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/12/index.print.html b/tests/chapters/12/index.print.html
index 3ad9836b80..5e60be6b05 100644
--- a/tests/chapters/12/index.print.html
+++ b/tests/chapters/12/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>12 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/13/index.html b/tests/chapters/13/index.html
index 991aab98f6..c0ed932692 100644
--- a/tests/chapters/13/index.html
+++ b/tests/chapters/13/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>13 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -72,6 +72,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -79,6 +80,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">13</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -167,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/13/index.print.html b/tests/chapters/13/index.print.html
index d1f1ab727d..e22137a8be 100644
--- a/tests/chapters/13/index.print.html
+++ b/tests/chapters/13/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>13 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/14/index.html b/tests/chapters/14/index.html
index e80847880e..ec14272004 100644
--- a/tests/chapters/14/index.html
+++ b/tests/chapters/14/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>14 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -72,6 +72,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -79,6 +80,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">14</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -167,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/14/index.print.html b/tests/chapters/14/index.print.html
index 685289f277..3cf8814d64 100644
--- a/tests/chapters/14/index.print.html
+++ b/tests/chapters/14/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>14 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/15/index.html b/tests/chapters/15/index.html
index 5e679f9d13..572542b201 100644
--- a/tests/chapters/15/index.html
+++ b/tests/chapters/15/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>15 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -72,6 +72,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -79,6 +80,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">15</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -167,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/15/index.print.html b/tests/chapters/15/index.print.html
index 7bbf78c3c9..ab8cc1fbc9 100644
--- a/tests/chapters/15/index.print.html
+++ b/tests/chapters/15/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>15 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/16/index.html b/tests/chapters/16/index.html
index f4d7916d0c..0d7571f105 100644
--- a/tests/chapters/16/index.html
+++ b/tests/chapters/16/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>16 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -72,6 +72,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -79,6 +80,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">16</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -167,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/16/index.print.html b/tests/chapters/16/index.print.html
index 05226c2c71..0bfb7281cf 100644
--- a/tests/chapters/16/index.print.html
+++ b/tests/chapters/16/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>16 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/17/index.html b/tests/chapters/17/index.html
index b0af3530a6..b3acf0ab78 100644
--- a/tests/chapters/17/index.html
+++ b/tests/chapters/17/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>17 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -72,6 +72,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -79,6 +80,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">17</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -167,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/17/index.print.html b/tests/chapters/17/index.print.html
index faab924bb7..b494d8cebc 100644
--- a/tests/chapters/17/index.print.html
+++ b/tests/chapters/17/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>17 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/18/index.html b/tests/chapters/18/index.html
index 0b75c23dee..812a3137be 100644
--- a/tests/chapters/18/index.html
+++ b/tests/chapters/18/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>18 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -72,6 +72,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -79,6 +80,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">18</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -167,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/18/index.print.html b/tests/chapters/18/index.print.html
index 03d07919a5..2c7d2e8550 100644
--- a/tests/chapters/18/index.print.html
+++ b/tests/chapters/18/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>18 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/19/index.html b/tests/chapters/19/index.html
index 783e5f9130..9788906ddf 100644
--- a/tests/chapters/19/index.html
+++ b/tests/chapters/19/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>19 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -72,6 +72,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -79,6 +80,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">19</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -167,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/19/index.print.html b/tests/chapters/19/index.print.html
index 51f7f8900d..6acafd8c53 100644
--- a/tests/chapters/19/index.print.html
+++ b/tests/chapters/19/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>19 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/2/index.html b/tests/chapters/2/index.html
index acf5d97868..1be94bd9c1 100644
--- a/tests/chapters/2/index.html
+++ b/tests/chapters/2/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/2/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/2/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/2/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">2</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -170,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -332,12 +338,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/2/index.print.html b/tests/chapters/2/index.print.html
index 587cbfdcd0..28c180cd01 100644
--- a/tests/chapters/2/index.print.html
+++ b/tests/chapters/2/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/2/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/2/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/2/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/20/index.html b/tests/chapters/20/index.html
index 5a67d5e45f..9c5250a03f 100644
--- a/tests/chapters/20/index.html
+++ b/tests/chapters/20/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>20 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -72,6 +72,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -79,6 +80,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">20</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -167,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/20/index.print.html b/tests/chapters/20/index.print.html
index 7fbb3847ba..c381bcff53 100644
--- a/tests/chapters/20/index.print.html
+++ b/tests/chapters/20/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>20 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/21/index.html b/tests/chapters/21/index.html
index afa3b12794..96d8cbb7bf 100644
--- a/tests/chapters/21/index.html
+++ b/tests/chapters/21/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>21 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -72,6 +72,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -79,6 +80,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">21</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -167,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/21/index.print.html b/tests/chapters/21/index.print.html
index 2c5558167f..11a5e0a997 100644
--- a/tests/chapters/21/index.print.html
+++ b/tests/chapters/21/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>21 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/22/index.html b/tests/chapters/22/index.html
index 0ce517e406..276d63d8ef 100644
--- a/tests/chapters/22/index.html
+++ b/tests/chapters/22/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>22 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -72,6 +72,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -79,6 +80,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">22</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -167,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/22/index.print.html b/tests/chapters/22/index.print.html
index 5d3fa152f9..7c5b830e6a 100644
--- a/tests/chapters/22/index.print.html
+++ b/tests/chapters/22/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>22 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/23/index.html b/tests/chapters/23/index.html
index ed099dbcfd..5a8eb1a070 100644
--- a/tests/chapters/23/index.html
+++ b/tests/chapters/23/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>23 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -72,6 +72,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -79,6 +80,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">23</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -167,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/23/index.print.html b/tests/chapters/23/index.print.html
index 9009840f47..271dbd0680 100644
--- a/tests/chapters/23/index.print.html
+++ b/tests/chapters/23/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>23 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/24/index.html b/tests/chapters/24/index.html
index 4d0c1e15cd..30974cde75 100644
--- a/tests/chapters/24/index.html
+++ b/tests/chapters/24/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>24 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -72,6 +72,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -79,6 +80,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">24</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -167,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/24/index.print.html b/tests/chapters/24/index.print.html
index 4f20dc4ba4..5dc1ae4263 100644
--- a/tests/chapters/24/index.print.html
+++ b/tests/chapters/24/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>24 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/25/index.html b/tests/chapters/25/index.html
index a086e08ed5..49ff93017b 100644
--- a/tests/chapters/25/index.html
+++ b/tests/chapters/25/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>25 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -72,6 +72,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -79,6 +80,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">25</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -167,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/25/index.print.html b/tests/chapters/25/index.print.html
index 736d8608de..30afb5a4c1 100644
--- a/tests/chapters/25/index.print.html
+++ b/tests/chapters/25/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>25 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/26/index.html b/tests/chapters/26/index.html
index 5fb4d35584..a68b6200ce 100644
--- a/tests/chapters/26/index.html
+++ b/tests/chapters/26/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>26 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -72,6 +72,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -79,6 +80,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">26</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -167,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/26/index.print.html b/tests/chapters/26/index.print.html
index 72ab56d2cf..8129cc17c5 100644
--- a/tests/chapters/26/index.print.html
+++ b/tests/chapters/26/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>26 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/27/index.html b/tests/chapters/27/index.html
index 991f331a8c..be0be27214 100644
--- a/tests/chapters/27/index.html
+++ b/tests/chapters/27/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>27 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -72,6 +72,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -79,6 +80,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">27</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -167,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/27/index.print.html b/tests/chapters/27/index.print.html
index 5f1529ce46..fbe55591bf 100644
--- a/tests/chapters/27/index.print.html
+++ b/tests/chapters/27/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>27 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/28/index.html b/tests/chapters/28/index.html
index 90435eb4f5..085c97f0c8 100644
--- a/tests/chapters/28/index.html
+++ b/tests/chapters/28/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>28 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -72,6 +72,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -79,6 +80,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">28</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -167,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/28/index.print.html b/tests/chapters/28/index.print.html
index cdc8b998db..49e745aba4 100644
--- a/tests/chapters/28/index.print.html
+++ b/tests/chapters/28/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>28 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/29/index.html b/tests/chapters/29/index.html
index 494aa5945a..75b0c2436b 100644
--- a/tests/chapters/29/index.html
+++ b/tests/chapters/29/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>29 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -72,6 +72,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -79,6 +80,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">29</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -167,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/29/index.print.html b/tests/chapters/29/index.print.html
index b350af7914..fbd6227626 100644
--- a/tests/chapters/29/index.print.html
+++ b/tests/chapters/29/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>29 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/3/index.html b/tests/chapters/3/index.html
index 8558581fdd..91f438809f 100644
--- a/tests/chapters/3/index.html
+++ b/tests/chapters/3/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/3/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/3/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">3</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -170,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -332,12 +338,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/3/index.print.html b/tests/chapters/3/index.print.html
index 74d9436cb5..230de6353b 100644
--- a/tests/chapters/3/index.print.html
+++ b/tests/chapters/3/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/3/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/3/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/30/index.html b/tests/chapters/30/index.html
index c87697b012..49c3d33203 100644
--- a/tests/chapters/30/index.html
+++ b/tests/chapters/30/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>30 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -72,6 +72,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -79,6 +80,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">30</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -167,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/30/index.print.html b/tests/chapters/30/index.print.html
index f291e82d77..709f20e90f 100644
--- a/tests/chapters/30/index.print.html
+++ b/tests/chapters/30/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>30 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/4/index.html b/tests/chapters/4/index.html
index 43cbe76041..54f6c41ede 100644
--- a/tests/chapters/4/index.html
+++ b/tests/chapters/4/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/4/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">4</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -170,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -332,12 +338,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/4/index.print.html b/tests/chapters/4/index.print.html
index 7390f91902..716fb255ed 100644
--- a/tests/chapters/4/index.print.html
+++ b/tests/chapters/4/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/4/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/5/index.html b/tests/chapters/5/index.html
index 72ca52e4c2..c0011ed3a3 100644
--- a/tests/chapters/5/index.html
+++ b/tests/chapters/5/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/5/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/5/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/5/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">5</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -170,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -332,12 +338,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/5/index.print.html b/tests/chapters/5/index.print.html
index d8fd067ed5..16e899447f 100644
--- a/tests/chapters/5/index.print.html
+++ b/tests/chapters/5/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/5/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/5/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/5/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/6/index.html b/tests/chapters/6/index.html
index 2f2f91d587..efd3c0a444 100644
--- a/tests/chapters/6/index.html
+++ b/tests/chapters/6/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/6/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/6/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/6/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">6</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -170,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -332,12 +338,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/6/index.print.html b/tests/chapters/6/index.print.html
index 692ff081fa..625e7678c2 100644
--- a/tests/chapters/6/index.print.html
+++ b/tests/chapters/6/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/6/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/6/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/6/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/7/index.html b/tests/chapters/7/index.html
index b1132ec933..ba6a824cb3 100644
--- a/tests/chapters/7/index.html
+++ b/tests/chapters/7/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/7/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/7/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/7/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">7</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -170,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -332,12 +338,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/7/index.print.html b/tests/chapters/7/index.print.html
index 639ee65791..97960a7976 100644
--- a/tests/chapters/7/index.print.html
+++ b/tests/chapters/7/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/7/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/7/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/7/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/8/index.html b/tests/chapters/8/index.html
index f9592c02c5..331d1ccb7d 100644
--- a/tests/chapters/8/index.html
+++ b/tests/chapters/8/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/8/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/8/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/8/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">8</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -170,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -332,12 +338,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/8/index.print.html b/tests/chapters/8/index.print.html
index d313976f13..36c94d2882 100644
--- a/tests/chapters/8/index.print.html
+++ b/tests/chapters/8/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/8/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/8/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/8/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/9/index.html b/tests/chapters/9/index.html
index d125992e24..8e3e43e9d8 100644
--- a/tests/chapters/9/index.html
+++ b/tests/chapters/9/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/9/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/9/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/9/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">9</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -170,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../../js/search.js?1675789783" defer></script>
+        <script src="../../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -332,12 +338,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789783"></script>
+          <script async src="../../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../../js/theme.js?1675789783" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/9/index.print.html b/tests/chapters/9/index.print.html
index 31670ad145..b15135754a 100644
--- a/tests/chapters/9/index.print.html
+++ b/tests/chapters/9/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/9/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/9/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/9/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/children-1/index.html b/tests/chapters/children-1/index.html
index 83972adc46..ecd9dfbb29 100644
--- a/tests/chapters/children-1/index.html
+++ b/tests/chapters/children-1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/children-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/children-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/children-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1675789782"></script>
-    <script src="../../../js/variant.js?1675789782"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1675891447"></script>
+    <script src="../../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,6 +75,7 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
@@ -82,6 +83,11 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">The one and only hidden child</span><meta itemprop="position" content="4"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -171,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1675789784" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1675789784" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675789784" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1675789784" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1675789784" defer></script>
-        <script src="../../../js/search.js?1675789784" defer></script>
+        <script src="../../../js/auto-complete.js?1675891449" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../../../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -334,12 +340,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1675789784"></script>
+          <script async src="../../../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/children-1/index.print.html b/tests/chapters/children-1/index.print.html
index 328de9e60d..18347654d3 100644
--- a/tests/chapters/children-1/index.print.html
+++ b/tests/chapters/children-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/children-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/children-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/children-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../../js/url.js?1675789784"></script>
-    <script src="../../../js/variant.js?1675789784"></script>
+    <link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../../js/url.js?1675891449"></script>
+    <script src="../../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -84,8 +84,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../../js/theme.js?1675789784" defer></script>
+    <script src="../../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/index.html b/tests/chapters/index.html
index 9904b8c015..8986f0b7cb 100644
--- a/tests/chapters/index.html
+++ b/tests/chapters/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,12 +75,18 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Chapters</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -170,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789784" defer></script>
-        <script src="../../js/search.js?1675789784" defer></script>
+        <script src="../../js/auto-complete.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -332,12 +338,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789784"></script>
+          <script async src="../../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/index.print.html b/tests/chapters/index.print.html
index badbfe5412..138cba5639 100644
--- a/tests/chapters/index.print.html
+++ b/tests/chapters/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -326,8 +326,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/code/index.html b/tests/code/index.html
index c1ef5c3958..a6b3de6b05 100644
--- a/tests/code/index.html
+++ b/tests/code/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/code/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/code/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/code/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -207,12 +207,12 @@ Some preformatted stuff in HTML elements
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789784" defer></script>
-        <script src="../../js/search.js?1675789784" defer></script>
+        <script src="../../js/auto-complete.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -369,12 +369,12 @@ Some preformatted stuff in HTML elements
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789784"></script>
+          <script async src="../../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/code/index.print.html b/tests/code/index.print.html
index 6185a2200c..5bcd5baba7 100644
--- a/tests/code/index.print.html
+++ b/tests/code/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/code/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/code/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/code/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -108,8 +108,8 @@ Some preformatted stuff in HTML elements
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/images/index.html b/tests/images/index.html
index 35c9559923..7162e99a58 100644
--- a/tests/images/index.html
+++ b/tests/images/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/images/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/images/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/images/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -125,63 +125,63 @@
 <h2 id="markdown">Markdown</h2>
 <h3 id="resource-svg">Resource SVG</h3>
 <p>
-<a href="#image-a36577489b85e66a0c7684557d62a415" class="lightbox-link">
+<a href="#image-e23e8182d8ec5d252c4182387bf37284" class="lightbox-link">
 <img src="../../tests/images/test.svg?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a36577489b85e66a0c7684557d62a415">
+<a href="javascript:history.back();" class="lightbox" id="image-e23e8182d8ec5d252c4182387bf37284">
 <img src="../../tests/images/test.svg?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page">Relative to page</h3>
 <p>
-<a href="#image-495a66a743c19fbc44418024334c44ee" class="lightbox-link">
+<a href="#image-fd0af4b9738ea0350920a3e84cc13c8e" class="lightbox-link">
 <img src="../../tests/images/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-495a66a743c19fbc44418024334c44ee">
+<a href="javascript:history.back();" class="lightbox" id="image-fd0af4b9738ea0350920a3e84cc13c8e">
 <img src="../../tests/images/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page-up-level">Relative to page up level</h3>
 <p>
 		
-<a href="#image-3f8560d7108f7ef341ede9c9a482cb95" class="lightbox-link">
+<a href="#image-f516daf2fc01cb78c3111de0319d1db0" class="lightbox-link">
 <img src="../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3f8560d7108f7ef341ede9c9a482cb95">
+<a href="javascript:history.back();" class="lightbox" id="image-f516daf2fc01cb78c3111de0319d1db0">
 <img src="../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="static-svg">Static SVG</h3>
 <p>
 		
-<a href="#image-e4f315cf8e69a3781b60ce66edc4baa1" class="lightbox-link">
+<a href="#image-00e114c0434a6ce9175534084f602e0f" class="lightbox-link">
 <img src="../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e4f315cf8e69a3781b60ce66edc4baa1">
+<a href="javascript:history.back();" class="lightbox" id="image-00e114c0434a6ce9175534084f602e0f">
 <img src="../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-fully-qualified">External fully qualified</h3>
 <p>
 		
-<a href="#image-33aab5dda32e2799b7cfc88401aca53a" class="lightbox-link">
+<a href="#image-1d602ceb67345cb83f0368af5ddcd895" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-33aab5dda32e2799b7cfc88401aca53a">
+<a href="javascript:history.back();" class="lightbox" id="image-1d602ceb67345cb83f0368af5ddcd895">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme">External without scheme</h3>
 <p>
 		
-<a href="#image-3da767349a7c752506e87855f1035a03" class="lightbox-link">
+<a href="#image-578a5a48a81d83211f28efdd1b8bf747" class="lightbox-link">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3da767349a7c752506e87855f1035a03">
+<a href="javascript:history.back();" class="lightbox" id="image-578a5a48a81d83211f28efdd1b8bf747">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme-and-scheme-separator">External without scheme and scheme separator</h3>
 <p>
 		
-<a href="#image-fd49efe43537b32cd33e559e7849349b" class="lightbox-link">
+<a href="#image-06903f6682688ab82b480be83bc0c7f1" class="lightbox-link">
 <img src="octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-fd49efe43537b32cd33e559e7849349b">
+<a href="javascript:history.back();" class="lightbox" id="image-06903f6682688ab82b480be83bc0c7f1">
 <img src="octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="html">HTML</h2>
@@ -278,12 +278,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789784" defer></script>
-        <script src="../../js/search.js?1675789784" defer></script>
+        <script src="../../js/auto-complete.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -440,12 +440,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789784"></script>
+          <script async src="../../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/images/index.print.html b/tests/images/index.print.html
index d297d04876..f5aca5fdf4 100644
--- a/tests/images/index.print.html
+++ b/tests/images/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/images/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/images/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/images/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,63 +79,63 @@
 <h2 id="markdown">Markdown</h2>
 <h3 id="resource-svg">Resource SVG</h3>
 <p>
-<a href="#image-a36577489b85e66a0c7684557d62a415" class="lightbox-link">
+<a href="#image-e23e8182d8ec5d252c4182387bf37284" class="lightbox-link">
 <img src="../../tests/images/test.svg?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a36577489b85e66a0c7684557d62a415">
+<a href="javascript:history.back();" class="lightbox" id="image-e23e8182d8ec5d252c4182387bf37284">
 <img src="../../tests/images/test.svg?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page">Relative to page</h3>
 <p>
-<a href="#image-495a66a743c19fbc44418024334c44ee" class="lightbox-link">
+<a href="#image-fd0af4b9738ea0350920a3e84cc13c8e" class="lightbox-link">
 <img src="../../tests/images/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-495a66a743c19fbc44418024334c44ee">
+<a href="javascript:history.back();" class="lightbox" id="image-fd0af4b9738ea0350920a3e84cc13c8e">
 <img src="../../tests/images/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page-up-level">Relative to page up level</h3>
 <p>
 		
-<a href="#image-3f8560d7108f7ef341ede9c9a482cb95" class="lightbox-link">
+<a href="#image-f516daf2fc01cb78c3111de0319d1db0" class="lightbox-link">
 <img src="../../tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3f8560d7108f7ef341ede9c9a482cb95">
+<a href="javascript:history.back();" class="lightbox" id="image-f516daf2fc01cb78c3111de0319d1db0">
 <img src="../../tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="static-svg">Static SVG</h3>
 <p>
 		
-<a href="#image-e4f315cf8e69a3781b60ce66edc4baa1" class="lightbox-link">
+<a href="#image-00e114c0434a6ce9175534084f602e0f" class="lightbox-link">
 <img src="../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e4f315cf8e69a3781b60ce66edc4baa1">
+<a href="javascript:history.back();" class="lightbox" id="image-00e114c0434a6ce9175534084f602e0f">
 <img src="../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-fully-qualified">External fully qualified</h3>
 <p>
 		
-<a href="#image-33aab5dda32e2799b7cfc88401aca53a" class="lightbox-link">
+<a href="#image-1d602ceb67345cb83f0368af5ddcd895" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-33aab5dda32e2799b7cfc88401aca53a">
+<a href="javascript:history.back();" class="lightbox" id="image-1d602ceb67345cb83f0368af5ddcd895">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme">External without scheme</h3>
 <p>
 		
-<a href="#image-3da767349a7c752506e87855f1035a03" class="lightbox-link">
+<a href="#image-578a5a48a81d83211f28efdd1b8bf747" class="lightbox-link">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3da767349a7c752506e87855f1035a03">
+<a href="javascript:history.back();" class="lightbox" id="image-578a5a48a81d83211f28efdd1b8bf747">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme-and-scheme-separator">External without scheme and scheme separator</h3>
 <p>
 		
-<a href="#image-fd49efe43537b32cd33e559e7849349b" class="lightbox-link">
+<a href="#image-06903f6682688ab82b480be83bc0c7f1" class="lightbox-link">
 <img src="../../tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-fd49efe43537b32cd33e559e7849349b">
+<a href="javascript:history.back();" class="lightbox" id="image-06903f6682688ab82b480be83bc0c7f1">
 <img src="../../tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="html">HTML</h2>
@@ -160,8 +160,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/index.html b/tests/index.html
index 536620153b..6df01c79bf 100644
--- a/tests/index.html
+++ b/tests/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/index.html" rel="alternate" hreflang="pir">
-    <link href="../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../js/url.js?1675789782"></script>
-    <script src="../js/variant.js?1675789782"></script>
+    <link href="../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../js/url.js?1675891447"></script>
+    <script src="../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,11 +75,17 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tests</span><meta itemprop="position" content="2"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable chapter narrow" tabindex="-1">
@@ -180,12 +186,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1675789784" defer></script>
-        <script src="../js/lunr/lunr.min.js?1675789784" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1675789784" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1675789784" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1675789784" defer></script>
-        <script src="../js/search.js?1675789784" defer></script>
+        <script src="../js/auto-complete.js?1675891449" defer></script>
+        <script src="../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -342,12 +348,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1675789784"></script>
+          <script async src="../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../js/theme.js?1675789784" defer></script>
+    <script src="../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/index.print.html b/tests/index.print.html
index 4c50d7db42..f225528d00 100644
--- a/tests/index.print.html
+++ b/tests/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/index.html" rel="alternate" hreflang="pir">
-    <link href="../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../js/url.js?1675789784"></script>
-    <script src="../js/variant.js?1675789784"></script>
+    <link href="../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../js/url.js?1675891449"></script>
+    <script src="../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -450,63 +450,63 @@ Some preformatted stuff in HTML elements
 <h2 id="markdown">Markdown</h2>
 <h3 id="resource-svg">Resource SVG</h3>
 <p>
-<a href="#image-a36577489b85e66a0c7684557d62a415" class="lightbox-link">
+<a href="#image-e23e8182d8ec5d252c4182387bf37284" class="lightbox-link">
 <img src="../tests/images/test.svg?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a36577489b85e66a0c7684557d62a415">
+<a href="javascript:history.back();" class="lightbox" id="image-e23e8182d8ec5d252c4182387bf37284">
 <img src="../tests/images/test.svg?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page">Relative to page</h3>
 <p>
-<a href="#image-495a66a743c19fbc44418024334c44ee" class="lightbox-link">
+<a href="#image-fd0af4b9738ea0350920a3e84cc13c8e" class="lightbox-link">
 <img src="../tests/images/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-495a66a743c19fbc44418024334c44ee">
+<a href="javascript:history.back();" class="lightbox" id="image-fd0af4b9738ea0350920a3e84cc13c8e">
 <img src="../tests/images/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page-up-level">Relative to page up level</h3>
 <p>
 		
-<a href="#image-3f8560d7108f7ef341ede9c9a482cb95" class="lightbox-link">
+<a href="#image-f516daf2fc01cb78c3111de0319d1db0" class="lightbox-link">
 <img src="../tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3f8560d7108f7ef341ede9c9a482cb95">
+<a href="javascript:history.back();" class="lightbox" id="image-f516daf2fc01cb78c3111de0319d1db0">
 <img src="../tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="static-svg">Static SVG</h3>
 <p>
 		
-<a href="#image-e4f315cf8e69a3781b60ce66edc4baa1" class="lightbox-link">
+<a href="#image-00e114c0434a6ce9175534084f602e0f" class="lightbox-link">
 <img src="../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e4f315cf8e69a3781b60ce66edc4baa1">
+<a href="javascript:history.back();" class="lightbox" id="image-00e114c0434a6ce9175534084f602e0f">
 <img src="../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-fully-qualified">External fully qualified</h3>
 <p>
 		
-<a href="#image-33aab5dda32e2799b7cfc88401aca53a" class="lightbox-link">
+<a href="#image-1d602ceb67345cb83f0368af5ddcd895" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-33aab5dda32e2799b7cfc88401aca53a">
+<a href="javascript:history.back();" class="lightbox" id="image-1d602ceb67345cb83f0368af5ddcd895">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme">External without scheme</h3>
 <p>
 		
-<a href="#image-3da767349a7c752506e87855f1035a03" class="lightbox-link">
+<a href="#image-578a5a48a81d83211f28efdd1b8bf747" class="lightbox-link">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3da767349a7c752506e87855f1035a03">
+<a href="javascript:history.back();" class="lightbox" id="image-578a5a48a81d83211f28efdd1b8bf747">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme-and-scheme-separator">External without scheme and scheme separator</h3>
 <p>
 		
-<a href="#image-fd49efe43537b32cd33e559e7849349b" class="lightbox-link">
+<a href="#image-06903f6682688ab82b480be83bc0c7f1" class="lightbox-link">
 <img src="../tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-fd49efe43537b32cd33e559e7849349b">
+<a href="javascript:history.back();" class="lightbox" id="image-06903f6682688ab82b480be83bc0c7f1">
 <img src="../tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="html">HTML</h2>
@@ -742,10 +742,10 @@ Some preformatted stuff in HTML elements
 <tr>
 <td>
 		
-<a href="#image-c1a55064492d4c5f2dff71790fced9ac" class="lightbox-link">
+<a href="#image-c5e80e420c2a557c88fa17e3bec738bf" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="shadow" style="height: auto; width: 24px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-c1a55064492d4c5f2dff71790fced9ac">
+<a href="javascript:history.back();" class="lightbox" id="image-c5e80e420c2a557c88fa17e3bec738bf">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="lightbox-image" loading="lazy">
 </a></td>
 </tr>
@@ -828,14 +828,14 @@ Some preformatted stuff in HTML elements
 <tr>
 <td>
 <div class="expand">
-    <input type="checkbox" id="expand-a3efd71f479bb4cd7c184650054349ba" aria-controls="expandcontent-a3efd71f479bb4cd7c184650054349ba" >
-    <label class="expand-label" for="expand-a3efd71f479bb4cd7c184650054349ba" >
+    <input type="checkbox" id="expand-08d2ad130a4de433b0fbab2a03d5d453" aria-controls="expandcontent-08d2ad130a4de433b0fbab2a03d5d453" >
+    <label class="expand-label" for="expand-08d2ad130a4de433b0fbab2a03d5d453" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-a3efd71f479bb4cd7c184650054349ba" class="expand-content">
+    <div id="expandcontent-08d2ad130a4de433b0fbab2a03d5d453" class="expand-content">
 Thank you!
     </div>
 </div></td>
@@ -950,13 +950,13 @@ graph LR;
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('default','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('default','bash')"
     >
       <span>bash</span></button>
@@ -971,7 +971,7 @@ graph LR;
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
 </span></span></code></pre></div>
@@ -1011,8 +1011,8 @@ graph LR;
           </section>        </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1675789784" defer></script>
+    <script src="../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1675891449" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -1041,20 +1041,20 @@ graph LR;
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1675789784"></script>
-    <script src="../js/d3/d3-color.min.js?1675789784" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1675789784" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1675789784" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1675789784" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1675789784" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1675789784" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1675789784" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1675789784" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1675789784" defer></script>
-    <script src="../js/mermaid.min.js?1675789784" defer></script>
+    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1675891449"></script>
+    <script src="../js/d3/d3-color.min.js?1675891449" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1675891449" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1675891449" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1675891449" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1675891449" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1675891449" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1675891449" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1675891449" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1675891449" defer></script>
+    <script src="../js/mermaid.min.js?1675891449" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../js/theme.js?1675789784" defer></script>
+    <script src="../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/tables/index.html b/tests/tables/index.html
index c0284bbdc9..ea26c0fb4f 100644
--- a/tests/tables/index.html
+++ b/tests/tables/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/tables/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/tables/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/tables/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -316,10 +316,10 @@
 <tr>
 <td>
 		
-<a href="#image-c1a55064492d4c5f2dff71790fced9ac" class="lightbox-link">
+<a href="#image-c5e80e420c2a557c88fa17e3bec738bf" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="shadow" style="height: auto; width: 24px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-c1a55064492d4c5f2dff71790fced9ac">
+<a href="javascript:history.back();" class="lightbox" id="image-c5e80e420c2a557c88fa17e3bec738bf">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="lightbox-image" loading="lazy">
 </a></td>
 </tr>
@@ -402,14 +402,14 @@
 <tr>
 <td>
 <div class="expand">
-    <input type="checkbox" id="expand-a3efd71f479bb4cd7c184650054349ba" aria-controls="expandcontent-a3efd71f479bb4cd7c184650054349ba" >
-    <label class="expand-label" for="expand-a3efd71f479bb4cd7c184650054349ba" >
+    <input type="checkbox" id="expand-08d2ad130a4de433b0fbab2a03d5d453" aria-controls="expandcontent-08d2ad130a4de433b0fbab2a03d5d453" >
+    <label class="expand-label" for="expand-08d2ad130a4de433b0fbab2a03d5d453" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-a3efd71f479bb4cd7c184650054349ba" class="expand-content">
+    <div id="expandcontent-08d2ad130a4de433b0fbab2a03d5d453" class="expand-content">
 Thank you!
     </div>
 </div></td>
@@ -524,13 +524,13 @@ graph LR;
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('default','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('default','bash')"
     >
       <span>bash</span></button>
@@ -545,7 +545,7 @@ graph LR;
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
 </span></span></code></pre></div>
@@ -634,12 +634,12 @@ graph LR;
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789784" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789784" defer></script>
-        <script src="../../js/search.js?1675789784" defer></script>
+        <script src="../../js/auto-complete.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891449" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891449" defer></script>
+        <script src="../../js/search.js?1675891449" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -796,12 +796,12 @@ graph LR;
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789784"></script>
+          <script async src="../../js/buttons.js?1675891449"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -830,20 +830,20 @@ graph LR;
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1675789784"></script>
-    <script src="../../js/d3/d3-color.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1675789784" defer></script>
-    <script src="../../js/mermaid.min.js?1675789784" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1675891449"></script>
+    <script src="../../js/d3/d3-color.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1675891449" defer></script>
+    <script src="../../js/mermaid.min.js?1675891449" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/tables/index.print.html b/tests/tables/index.print.html
index 40d1ae4075..e746d6dd11 100644
--- a/tests/tables/index.print.html
+++ b/tests/tables/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/tables/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/tables/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/tables/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -285,10 +285,10 @@
 <tr>
 <td>
 		
-<a href="#image-c1a55064492d4c5f2dff71790fced9ac" class="lightbox-link">
+<a href="#image-c5e80e420c2a557c88fa17e3bec738bf" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="shadow" style="height: auto; width: 24px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-c1a55064492d4c5f2dff71790fced9ac">
+<a href="javascript:history.back();" class="lightbox" id="image-c5e80e420c2a557c88fa17e3bec738bf">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="lightbox-image" loading="lazy">
 </a></td>
 </tr>
@@ -371,14 +371,14 @@
 <tr>
 <td>
 <div class="expand">
-    <input type="checkbox" id="expand-a3efd71f479bb4cd7c184650054349ba" aria-controls="expandcontent-a3efd71f479bb4cd7c184650054349ba" >
-    <label class="expand-label" for="expand-a3efd71f479bb4cd7c184650054349ba" >
+    <input type="checkbox" id="expand-08d2ad130a4de433b0fbab2a03d5d453" aria-controls="expandcontent-08d2ad130a4de433b0fbab2a03d5d453" >
+    <label class="expand-label" for="expand-08d2ad130a4de433b0fbab2a03d5d453" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl direction-ltr"></i>
-        <i class="fas fa-chevron-right expand-ltr direction-ltr"></i>
+        <i class="fas fa-chevron-left expand-rtl"></i>
+        <i class="fas fa-chevron-right expand-ltr"></i>
         Expand me...
     </label>
-    <div id="expandcontent-a3efd71f479bb4cd7c184650054349ba" class="expand-content">
+    <div id="expandcontent-08d2ad130a4de433b0fbab2a03d5d453" class="expand-content">
 Thank you!
     </div>
 </div></td>
@@ -493,13 +493,13 @@ graph LR;
   <div class="tab-nav">
     <button
       data-tab-item="python"
-      class="tab-nav-button direction-ltr active"
+      class="tab-nav-button active"
       onclick="switchTab('default','python')"
     >
       <span>python</span></button>
     <button
       data-tab-item="bash"
-      class="tab-nav-button direction-ltr "
+      class="tab-nav-button"
       onclick="switchTab('default','bash')"
     >
       <span>bash</span></button>
@@ -514,7 +514,7 @@ graph LR;
     </div>
     <div
       data-tab-item="bash"
-      class="tab-content-text "
+      class="tab-content-text"
     >
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
 </span></span></code></pre></div>
@@ -531,8 +531,8 @@ graph LR;
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -561,20 +561,20 @@ graph LR;
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1675789784"></script>
-    <script src="../../js/d3/d3-color.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1675789784" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1675789784" defer></script>
-    <script src="../../js/mermaid.min.js?1675789784" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1675891449"></script>
+    <script src="../../js/d3/d3-color.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1675891449" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1675891449" defer></script>
+    <script src="../../js/mermaid.min.js?1675891449" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>
diff --git a/tests/width/index.html b/tests/width/index.html
index 62dc710dc8..daa9d12d53 100644
--- a/tests/width/index.html
+++ b/tests/width/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/width/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/width/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/width/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789782" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789782" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789782" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789782" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789782" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789782" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789782" rel="stylesheet">
-    <link href="../../css/variant.css?1675789782" rel="stylesheet">
-    <link href="../../css/print.css?1675789782" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1675789782"></script>
-    <script src="../../js/variant.js?1675789782"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891447" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891447" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891447" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891447" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891447" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891447" rel="stylesheet">
+    <link href="../../css/variant.css?1675891447" rel="stylesheet">
+    <link href="../../css/print.css?1675891447" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1675891447"></script>
+    <script src="../../js/variant.js?1675891447"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,12 +75,18 @@
             <span id="sidebar-toggle-span">
               <a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
             </span>
+            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
             <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> > </li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Width</span><meta itemprop="position" content="3"></li>
             </ol>
           </div>
+          <div class="default-animation progress">
+            <div class="toc-wrapper" dir="ltr">
+<nav id="TableOfContents"></nav>
+            </div>
+          </div>
         </div>
       </nav>
       <main id="body-inner" class="highlightable default" tabindex="-1">
@@ -183,12 +189,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1675789783" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1675789783" defer></script>
-        <script src="../../js/search.js?1675789783" defer></script>
+        <script src="../../js/auto-complete.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1675891448" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1675891448" defer></script>
+        <script src="../../js/search.js?1675891448" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -345,12 +351,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1675789783"></script>
+          <script async src="../../js/buttons.js?1675891448"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1675789783" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789783" defer></script>
-    <script src="../../js/theme.js?1675789783" defer></script>
+    <script src="../../js/clipboard.min.js?1675891448" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891448" defer></script>
+    <script src="../../js/theme.js?1675891448" defer></script>
   </body>
 </html>
diff --git a/tests/width/index.print.html b/tests/width/index.print.html
index 60a32ea791..3a4dd3ce4f 100644
--- a/tests/width/index.print.html
+++ b/tests/width/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/width/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/width/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/width/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1675789782" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1675891447" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1675789784" rel="stylesheet">
-    <link href="../../css/nucleus.css?1675789784" rel="stylesheet">
-    <link href="../../css/fonts.css?1675789784" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675789784" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1675789784" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1675789784" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1675789784" rel="stylesheet">
-    <link href="../../css/variant.css?1675789784" rel="stylesheet">
-    <link href="../../css/print.css?1675789784" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1675789784" rel="stylesheet">
-    <script src="../../js/url.js?1675789784"></script>
-    <script src="../../js/variant.js?1675789784"></script>
+    <link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1675891449" rel="stylesheet">
+    <link href="../../css/nucleus.css?1675891449" rel="stylesheet">
+    <link href="../../css/fonts.css?1675891449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1675891449" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1675891449" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1675891449" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1675891449" rel="stylesheet">
+    <link href="../../css/variant.css?1675891449" rel="stylesheet">
+    <link href="../../css/print.css?1675891449" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1675891449" rel="stylesheet">
+    <script src="../../js/url.js?1675891449"></script>
+    <script src="../../js/variant.js?1675891449"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1675789784" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1675789784" defer></script>
-    <script src="../../js/theme.js?1675789784" defer></script>
+    <script src="../../js/clipboard.min.js?1675891449" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1675891449" defer></script>
+    <script src="../../js/theme.js?1675891449" defer></script>
   </body>
 </html>