diff --git a/404.html b/404.html
index cbb0b86f08..034fc58cc0 100644
--- a/404.html
+++ b/404.html
@@ -7,32 +7,32 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="404 Page not found :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="404 Page not found :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/404.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="404 Page not found :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>404 Page not found :: Hugo Relearn Theme</title>
     <base href="https://McShelby.github.io/hugo-theme-relearn/">
-    <link href="./images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="./css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="./css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1697038923" rel="stylesheet">
-    <link href="./css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="./css/variant.css?1697038923" rel="stylesheet">
-    <link href="./css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1697038923" rel="stylesheet">
-    <script src="./js/url.js?1697038923"></script>
-    <script src="./js/variant.js?1697038923"></script>
+    <link href="./css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="./css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="./css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1697040176" rel="stylesheet">
+    <link href="./css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="./css/variant.css?1697040176" rel="stylesheet">
+    <link href="./css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1697040176" rel="stylesheet">
+    <script src="./js/url.js?1697040176"></script>
+    <script src="./js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 5e25bf3197..bcf59aca28 100644
--- a/basics/changelog/index.html
+++ b/basics/changelog/index.html
@@ -8,6 +8,10 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="">
+    <meta name="twitter:description" content="Changelog 5.22.1 (2023-10-02) Enhancements [feature] i18n: add Swahili translation #666 [feature] math: hide unrendered math #663 [feature] tabs: improve a11y by removing duplicate hidden title #662 [feature] mermaid: improve zoom UX #659 Fixes [bug] variant: fix sidebar-flyout borders color for zen #667 [bug] clipboard: fix RTL location of tooltip #661 [bug] clipboard: ignore RTL for code #660 [bug] expand: fix aria-controls #658 [bug] theme: fix id generation for markdownified titles #657 [bug] mermaid: avoid graph bombing on hugo &ndash;minify #656 [bug] mermaid: fix width for some graphs #655 5.">
     <meta property="og:title" content="">
     <meta property="og:description" content="Changelog 5.22.1 (2023-10-02) Enhancements [feature] i18n: add Swahili translation #666 [feature] math: hide unrendered math #663 [feature] tabs: improve a11y by removing duplicate hidden title #662 [feature] mermaid: improve zoom UX #659 Fixes [bug] variant: fix sidebar-flyout borders color for zen #667 [bug] clipboard: fix RTL location of tooltip #661 [bug] clipboard: ignore RTL for code #660 [bug] expand: fix aria-controls #658 [bug] theme: fix id generation for markdownified titles #657 [bug] mermaid: avoid graph bombing on hugo &ndash;minify #656 [bug] mermaid: fix width for some graphs #655 5.">
     <meta property="og:type" content="article">
@@ -15,25 +19,21 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Basics :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="">
-    <meta name="twitter:description" content="Changelog 5.22.1 (2023-10-02) Enhancements [feature] i18n: add Swahili translation #666 [feature] math: hide unrendered math #663 [feature] tabs: improve a11y by removing duplicate hidden title #662 [feature] mermaid: improve zoom UX #659 Fixes [bug] variant: fix sidebar-flyout borders color for zen #667 [bug] clipboard: fix RTL location of tooltip #661 [bug] clipboard: ignore RTL for code #660 [bug] expand: fix aria-controls #658 [bug] theme: fix id generation for markdownified titles #657 [bug] mermaid: avoid graph bombing on hugo &ndash;minify #656 [bug] mermaid: fix width for some graphs #655 5.">
     <title></title>
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -2174,12 +2174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -2336,13 +2336,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/basics/changelog/index.print.html b/basics/changelog/index.print.html
index f88f52fc33..945de83bef 100644
--- a/basics/changelog/index.print.html
+++ b/basics/changelog/index.print.html
@@ -8,6 +8,10 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="">
+    <meta name="twitter:description" content="Changelog 5.22.1 (2023-10-02) Enhancements [feature] i18n: add Swahili translation #666 [feature] math: hide unrendered math #663 [feature] tabs: improve a11y by removing duplicate hidden title #662 [feature] mermaid: improve zoom UX #659 Fixes [bug] variant: fix sidebar-flyout borders color for zen #667 [bug] clipboard: fix RTL location of tooltip #661 [bug] clipboard: ignore RTL for code #660 [bug] expand: fix aria-controls #658 [bug] theme: fix id generation for markdownified titles #657 [bug] mermaid: avoid graph bombing on hugo &ndash;minify #656 [bug] mermaid: fix width for some graphs #655 5.">
     <meta property="og:title" content="">
     <meta property="og:description" content="Changelog 5.22.1 (2023-10-02) Enhancements [feature] i18n: add Swahili translation #666 [feature] math: hide unrendered math #663 [feature] tabs: improve a11y by removing duplicate hidden title #662 [feature] mermaid: improve zoom UX #659 Fixes [bug] variant: fix sidebar-flyout borders color for zen #667 [bug] clipboard: fix RTL location of tooltip #661 [bug] clipboard: ignore RTL for code #660 [bug] expand: fix aria-controls #658 [bug] theme: fix id generation for markdownified titles #657 [bug] mermaid: avoid graph bombing on hugo &ndash;minify #656 [bug] mermaid: fix width for some graphs #655 5.">
     <meta property="og:type" content="article">
@@ -15,26 +19,22 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Basics :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="">
-    <meta name="twitter:description" content="Changelog 5.22.1 (2023-10-02) Enhancements [feature] i18n: add Swahili translation #666 [feature] math: hide unrendered math #663 [feature] tabs: improve a11y by removing duplicate hidden title #662 [feature] mermaid: improve zoom UX #659 Fixes [bug] variant: fix sidebar-flyout borders color for zen #667 [bug] clipboard: fix RTL location of tooltip #661 [bug] clipboard: ignore RTL for code #660 [bug] expand: fix aria-controls #658 [bug] theme: fix id generation for markdownified titles #657 [bug] mermaid: avoid graph bombing on hugo &ndash;minify #656 [bug] mermaid: fix width for some graphs #655 5.">
     <title></title>
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.html b/basics/configuration/index.html
index 5150df2888..11603dec55 100644
--- a/basics/configuration/index.html
+++ b/basics/configuration/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Configuration :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Configuration :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/basics/configuration/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Configuration :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Configuration :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/configuration/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/configuration/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -275,8 +275,8 @@
 <p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file. This will cause Hugo to generate a new file <code>http://example.com/mysite/search.html</code>.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
-<p><a href="#R-image-0eedb632e72b7d51c3b3fbe4cf2b39f6" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0eedb632e72b7d51c3b3fbe4cf2b39f6"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c8f981ed3860da9a68df3a88cc2354a8" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c8f981ed3860da9a68df3a88cc2354a8"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 <div class="box notices cstyle note">
   <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
@@ -330,8 +330,8 @@ appearance, you will have to configure two parameters for the defined languages:
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params are not configured for a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
-<p><a href="#R-image-a48e727d0deb63594efe0875e8d6f961" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-a48e727d0deb63594efe0875e8d6f961"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-5196278c5035cd720d832ab4f4c3c1f6" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-5196278c5035cd720d832ab4f4c3c1f6"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="social-media-meta-tags">Social Media Meta Tags</h2>
 <p>You can add social media meta tags for the <a href="https://gohugo.io/templates/internal/#open-graph" target="_blank">Open Graph</a> and <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> to your site. These are configured as mentioned in the Hugo docs.</p>
 
@@ -423,12 +423,12 @@ default values:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -585,13 +585,13 @@ default values:</p>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.print.html b/basics/configuration/index.print.html
index dcc844ea89..5d24ab74ce 100644
--- a/basics/configuration/index.print.html
+++ b/basics/configuration/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Configuration :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Configuration :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/basics/configuration/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Configuration :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Configuration :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/configuration/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/configuration/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -211,8 +211,8 @@
 <p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file. This will cause Hugo to generate a new file <code>http://example.com/mysite/search.html</code>.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
-<p><a href="#R-image-0eedb632e72b7d51c3b3fbe4cf2b39f6" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0eedb632e72b7d51c3b3fbe4cf2b39f6"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c8f981ed3860da9a68df3a88cc2354a8" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c8f981ed3860da9a68df3a88cc2354a8"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 <div class="box notices cstyle note">
   <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
@@ -266,8 +266,8 @@ appearance, you will have to configure two parameters for the defined languages:
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params are not configured for a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
-<p><a href="#R-image-a48e727d0deb63594efe0875e8d6f961" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-a48e727d0deb63594efe0875e8d6f961"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-5196278c5035cd720d832ab4f4c3c1f6" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-5196278c5035cd720d832ab4f4c3c1f6"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="social-media-meta-tags">Social Media Meta Tags</h2>
 <p>You can add social media meta tags for the <a href="https://gohugo.io/templates/internal/#open-graph" target="_blank">Open Graph</a> and <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> to your site. These are configured as mentioned in the Hugo docs.</p>
 
@@ -278,8 +278,8 @@ default values:</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.html b/basics/customization/index.html
index 21aca42dde..f99449989d 100644
--- a/basics/customization/index.html
+++ b/basics/customization/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Customization :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Customization :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/basics/customization/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Customization :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Customization :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/customization/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/customization/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -393,12 +393,12 @@ If you have requirements to support IE and/or older browser versions, use one of
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -555,13 +555,13 @@ If you have requirements to support IE and/or older browser versions, use one of
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.print.html b/basics/customization/index.print.html
index 4049858197..04b38bfc2c 100644
--- a/basics/customization/index.print.html
+++ b/basics/customization/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Customization :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Customization :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/basics/customization/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Customization :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Customization :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/customization/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/customization/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -255,8 +255,8 @@ If you have requirements to support IE and/or older browser versions, use one of
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.html b/basics/generator/index.html
index 33fb18932a..e8191c0653 100644
--- a/basics/generator/index.html
+++ b/basics/generator/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Stylesheet generator :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Stylesheet generator :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/basics/generator/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Stylesheet generator :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Stylesheet generator :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/generator/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/generator/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -134,13 +134,13 @@
 <p>This interactive tool may help you to generate your own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-b27df7f7066226eab5fc60e1fa93dc20" aria-controls="R-expandcontent-b27df7f7066226eab5fc60e1fa93dc20" >
-    <label class="expand-label" for="R-expand-b27df7f7066226eab5fc60e1fa93dc20" >
+    <input type="checkbox" id="R-expand-b71ee0387dc3ba66922bd6d49f809220" aria-controls="R-expandcontent-b71ee0387dc3ba66922bd6d49f809220" >
+    <label class="expand-label" for="R-expand-b71ee0387dc3ba66922bd6d49f809220" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="R-expandcontent-b27df7f7066226eab5fc60e1fa93dc20" class="expand-content">
+    <div id="R-expandcontent-b71ee0387dc3ba66922bd6d49f809220" class="expand-content">
 
 <p>To get started, first select a color variant from the variant switch in the lower left sidebar that fits you best as a starting point.</p>
 <p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph <strong>and the page</strong> will update accordingly.</p>
@@ -278,12 +278,12 @@ window.variants && variants.generator( '#R-vargenerator' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -440,27 +440,27 @@ window.variants && variants.generator( '#R-vargenerator' );
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1697038923" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1697038923" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1697038923" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1697038923" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1697038923" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1697038923" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1697038923" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1697038923" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1697038923" defer></script>
-    <script src="../../js/js-yaml.min.js?1697038923" defer></script>
-    <script src="../../js/mermaid.min.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1697040176" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1697040176" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1697040176" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1697040176" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1697040176" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1697040176" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1697040176" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1697040176" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1697040176" defer></script>
+    <script src="../../js/js-yaml.min.js?1697040176" defer></script>
+    <script src="../../js/mermaid.min.js?1697040176" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse( null );
     </script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.print.html b/basics/generator/index.print.html
index ea31d1dfcc..e844dbbb1b 100644
--- a/basics/generator/index.print.html
+++ b/basics/generator/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Stylesheet generator :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Stylesheet generator :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/basics/generator/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Stylesheet generator :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Stylesheet generator :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/generator/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/generator/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -95,13 +95,13 @@
 <p>This interactive tool may help you to generate your own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-b27df7f7066226eab5fc60e1fa93dc20" aria-controls="R-expandcontent-b27df7f7066226eab5fc60e1fa93dc20" >
-    <label class="expand-label" for="R-expand-b27df7f7066226eab5fc60e1fa93dc20" >
+    <input type="checkbox" id="R-expand-b71ee0387dc3ba66922bd6d49f809220" aria-controls="R-expandcontent-b71ee0387dc3ba66922bd6d49f809220" >
+    <label class="expand-label" for="R-expand-b71ee0387dc3ba66922bd6d49f809220" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="R-expandcontent-b27df7f7066226eab5fc60e1fa93dc20" class="expand-content">
+    <div id="R-expandcontent-b71ee0387dc3ba66922bd6d49f809220" class="expand-content">
 
 <p>To get started, first select a color variant from the variant switch in the lower left sidebar that fits you best as a starting point.</p>
 <p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph <strong>and the page</strong> will update accordingly.</p>
@@ -158,22 +158,22 @@ window.variants && variants.generator( '#R-vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1697038924" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1697038924" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1697038924" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1697038924" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1697038924" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1697038924" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1697038924" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1697038924" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1697038924" defer></script>
-    <script src="../../js/js-yaml.min.js?1697038924" defer></script>
-    <script src="../../js/mermaid.min.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1697040177" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1697040177" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1697040177" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1697040177" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1697040177" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1697040177" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1697040177" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1697040177" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1697040177" defer></script>
+    <script src="../../js/js-yaml.min.js?1697040177" defer></script>
+    <script src="../../js/mermaid.min.js?1697040177" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse( null );
     </script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.html b/basics/history/index.html
index 51e2a82620..3a7ab2d491 100644
--- a/basics/history/index.html
+++ b/basics/history/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="History :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="History :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/basics/history/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="History :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>History :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/history/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/history/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -2180,12 +2180,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -2342,13 +2342,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.print.html b/basics/history/index.print.html
index 7a1fd87b69..1bb0ba2765 100644
--- a/basics/history/index.print.html
+++ b/basics/history/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="History :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="History :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/basics/history/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="History :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>History :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/history/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/history/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1370,8 +1370,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/basics/index.html b/basics/index.html
index d47cb74b95..cee87a21f2 100644
--- a/basics/index.html
+++ b/basics/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Basics :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Basics :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/basics/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Basics :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Basics :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../js/url.js?1697038923"></script>
-    <script src="../js/variant.js?1697038923"></script>
+    <link href="../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../js/url.js?1697040176"></script>
+    <script src="../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -221,12 +221,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1697038923" defer></script>
-        <script src="../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../js/search.js?1697038923" defer></script>
+        <script src="../js/auto-complete.js?1697040176" defer></script>
+        <script src="../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -383,13 +383,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1697038923"></script>
+          <script async src="../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../js/theme.js?1697038923" defer></script>
+    <script src="../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/basics/index.print.html b/basics/index.print.html
index b3dc1ab7f8..f6f9bc715d 100644
--- a/basics/index.print.html
+++ b/basics/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Basics :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Basics :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/basics/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Basics :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Basics :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../js/url.js?1697038924"></script>
-    <script src="../js/variant.js?1697038924"></script>
+    <link href="../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../js/url.js?1697040177"></script>
+    <script src="../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -904,8 +904,8 @@
 
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
-<p><a href="#R-image-225e2d802734d9f63fcb12bd931b445a" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-225e2d802734d9f63fcb12bd931b445a"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-561de16edf973b7a727a13661648522a" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-561de16edf973b7a727a13661648522a"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 <div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
@@ -953,8 +953,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#R-image-5c0756b0304e1598d9cb6f5629679c7b" class="lightbox-link"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5c0756b0304e1598d9cb6f5629679c7b"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-9da63d588ee8a55b299cc82810a42b63" class="lightbox-link"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-9da63d588ee8a55b299cc82810a42b63"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
 <p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@@ -1111,8 +1111,8 @@
 <p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file. This will cause Hugo to generate a new file <code>http://example.com/mysite/search.html</code>.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
-<p><a href="#R-image-0eedb632e72b7d51c3b3fbe4cf2b39f6" class="lightbox-link"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0eedb632e72b7d51c3b3fbe4cf2b39f6"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c8f981ed3860da9a68df3a88cc2354a8" class="lightbox-link"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c8f981ed3860da9a68df3a88cc2354a8"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 <div class="box notices cstyle note">
   <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
@@ -1166,8 +1166,8 @@ appearance, you will have to configure two parameters for the defined languages:
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params are not configured for a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
-<p><a href="#R-image-a48e727d0deb63594efe0875e8d6f961" class="lightbox-link"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-a48e727d0deb63594efe0875e8d6f961"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-5196278c5035cd720d832ab4f4c3c1f6" class="lightbox-link"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-5196278c5035cd720d832ab4f4c3c1f6"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="social-media-meta-tags">Social Media Meta Tags</h2>
 <p>You can add social media meta tags for the <a href="https://gohugo.io/templates/internal/#open-graph" target="_blank">Open Graph</a> and <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> to your site. These are configured as mentioned in the Hugo docs.</p>
 
@@ -1348,13 +1348,13 @@ If you have requirements to support IE and/or older browser versions, use one of
 <p>This interactive tool may help you to generate your own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-b27df7f7066226eab5fc60e1fa93dc20" aria-controls="R-expandcontent-b27df7f7066226eab5fc60e1fa93dc20" >
-    <label class="expand-label" for="R-expand-b27df7f7066226eab5fc60e1fa93dc20" >
+    <input type="checkbox" id="R-expand-b71ee0387dc3ba66922bd6d49f809220" aria-controls="R-expandcontent-b71ee0387dc3ba66922bd6d49f809220" >
+    <label class="expand-label" for="R-expand-b71ee0387dc3ba66922bd6d49f809220" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="R-expandcontent-b27df7f7066226eab5fc60e1fa93dc20" class="expand-content">
+    <div id="R-expandcontent-b71ee0387dc3ba66922bd6d49f809220" class="expand-content">
 
 <p>To get started, first select a color variant from the variant switch in the lower left sidebar that fits you best as a starting point.</p>
 <p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph <strong>and the page</strong> will update accordingly.</p>
@@ -1414,8 +1414,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 <h1 id="topbar-modification">Topbar Modification</h1>
 
 <p>The theme comes with a reasonably configured topbar.</p>
-<p><a href="#R-image-b32cadee3a333c7391da471b92c4a9c0" class="lightbox-link"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-b32cadee3a333c7391da471b92c4a9c0"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-02d9600b011f76a0d136f5b8bd5093c0" class="lightbox-link"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-02d9600b011f76a0d136f5b8bd5093c0"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Nevertheless, your requirements may differ from this configuration. Luckily the theme got you covered as the themebar, its buttons and the functionality behind these buttons is fully configurable by you.</p>
 
 <div class="box notices cstyle tip">
@@ -1427,8 +1427,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 </div>
 <h2 id="areas">Areas</h2>
 <p>The default configuration comes with three predefined areas that may contain an arbitrary set of buttons.</p>
-<p><a href="#R-image-5ebff00385683b4c3bfea6bf8047da5d" class="lightbox-link"><img src="../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5ebff00385683b4c3bfea6bf8047da5d"><img src="../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-3ec1437f77355396808f98ac241dce5d" class="lightbox-link"><img src="../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-3ec1437f77355396808f98ac241dce5d"><img src="../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <ul>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu and breadcrumb</li>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
@@ -3027,22 +3027,22 @@ window.variants && variants.generator( '#R-vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../js/d3/d3-color.min.js?1697038924" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1697038924" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1697038924" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1697038924" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1697038924" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1697038924" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1697038924" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1697038924" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1697038924" defer></script>
-    <script src="../js/js-yaml.min.js?1697038924" defer></script>
-    <script src="../js/mermaid.min.js?1697038924" defer></script>
+    <script src="../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../js/d3/d3-color.min.js?1697040177" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1697040177" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1697040177" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1697040177" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1697040177" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1697040177" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1697040177" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1697040177" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1697040177" defer></script>
+    <script src="../js/js-yaml.min.js?1697040177" defer></script>
+    <script src="../js/mermaid.min.js?1697040177" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse( null );
     </script>
-    <script src="../js/theme.js?1697038924" defer></script>
+    <script src="../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/basics/installation/index.html b/basics/installation/index.html
index 438427ce0d..47ce37f2d4 100644
--- a/basics/installation/index.html
+++ b/basics/installation/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Installation :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Installation :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/basics/installation/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Installation :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Installation :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/installation/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/installation/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -177,8 +177,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#R-image-5c0756b0304e1598d9cb6f5629679c7b" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5c0756b0304e1598d9cb6f5629679c7b"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-9da63d588ee8a55b299cc82810a42b63" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-9da63d588ee8a55b299cc82810a42b63"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
 <p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@@ -295,12 +295,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -457,13 +457,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/basics/installation/index.print.html b/basics/installation/index.print.html
index f16da2de09..5e02d0c3ba 100644
--- a/basics/installation/index.print.html
+++ b/basics/installation/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Installation :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Installation :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/basics/installation/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Installation :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Installation :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/installation/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/installation/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -123,8 +123,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#R-image-5c0756b0304e1598d9cb6f5629679c7b" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5c0756b0304e1598d9cb6f5629679c7b"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-9da63d588ee8a55b299cc82810a42b63" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-9da63d588ee8a55b299cc82810a42b63"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
 <p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@@ -160,8 +160,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.html b/basics/migration/index.html
index 8e72a03da5..c906e4cef8 100644
--- a/basics/migration/index.html
+++ b/basics/migration/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="What&#39;s New :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="What&#39;s New :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/basics/migration/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="What&#39;s New :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>What&#39;s New :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/migration/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/migration/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1056,12 +1056,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1218,13 +1218,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.print.html b/basics/migration/index.print.html
index d579cebafb..76a4d5c05c 100644
--- a/basics/migration/index.print.html
+++ b/basics/migration/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="What&#39;s New :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="What&#39;s New :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/basics/migration/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="What&#39;s New :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>What&#39;s New :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/migration/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/migration/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -887,8 +887,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.html b/basics/requirements/index.html
index 750b0b5ce5..c5f0defabd 100644
--- a/basics/requirements/index.html
+++ b/basics/requirements/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Requirements :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Requirements :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/basics/requirements/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Requirements :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Requirements :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/requirements/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/requirements/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -124,8 +124,8 @@
 
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
-<p><a href="#R-image-225e2d802734d9f63fcb12bd931b445a" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-225e2d802734d9f63fcb12bd931b445a"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-561de16edf973b7a727a13661648522a" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-561de16edf973b7a727a13661648522a"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 <div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
@@ -221,12 +221,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -383,13 +383,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.print.html b/basics/requirements/index.print.html
index 3f4445577a..a7348deb2b 100644
--- a/basics/requirements/index.print.html
+++ b/basics/requirements/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Requirements :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Requirements :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/basics/requirements/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Requirements :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Requirements :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/requirements/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/requirements/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -94,8 +94,8 @@
 
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
-<p><a href="#R-image-225e2d802734d9f63fcb12bd931b445a" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-225e2d802734d9f63fcb12bd931b445a"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-561de16edf973b7a727a13661648522a" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-561de16edf973b7a727a13661648522a"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 <div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
@@ -110,8 +110,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/basics/topbar/index.html b/basics/topbar/index.html
index 13a1525f51..c5922862e1 100644
--- a/basics/topbar/index.html
+++ b/basics/topbar/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Topbar Modification :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Topbar Modification :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/basics/topbar/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Topbar Modification :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Topbar Modification :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/topbar/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/topbar/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/topbar/index.xml" rel="alternate" type="application/rss+xml" title="Topbar Modification :: Hugo Relearn Theme">
     <link href="../../basics/topbar/index.print.html" rel="alternate" type="text/html" title="Topbar Modification :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -153,8 +153,8 @@
 <h1 id="topbar-modification">Topbar Modification</h1>
 
 <p>The theme comes with a reasonably configured topbar.</p>
-<p><a href="#R-image-b32cadee3a333c7391da471b92c4a9c0" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-b32cadee3a333c7391da471b92c4a9c0"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-02d9600b011f76a0d136f5b8bd5093c0" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-02d9600b011f76a0d136f5b8bd5093c0"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Nevertheless, your requirements may differ from this configuration. Luckily the theme got you covered as the themebar, its buttons and the functionality behind these buttons is fully configurable by you.</p>
 
 <div class="box notices cstyle tip">
@@ -166,8 +166,8 @@
 </div>
 <h2 id="areas">Areas</h2>
 <p>The default configuration comes with three predefined areas that may contain an arbitrary set of buttons.</p>
-<p><a href="#R-image-5ebff00385683b4c3bfea6bf8047da5d" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5ebff00385683b4c3bfea6bf8047da5d"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-3ec1437f77355396808f98ac241dce5d" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-3ec1437f77355396808f98ac241dce5d"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <ul>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu and breadcrumb</li>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
@@ -566,12 +566,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -728,13 +728,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/basics/topbar/index.print.html b/basics/topbar/index.print.html
index d1afb9f5a4..c92c15b525 100644
--- a/basics/topbar/index.print.html
+++ b/basics/topbar/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Topbar Modification :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Topbar Modification :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/basics/topbar/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Topbar Modification :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Topbar Modification :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/topbar/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/topbar/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/topbar/index.html" rel="canonical" type="text/html" title="Topbar Modification :: Hugo Relearn Theme">
     <link href="../../basics/topbar/index.xml" rel="alternate" type="application/rss+xml" title="Topbar Modification :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <h1 id="topbar-modification">Topbar Modification</h1>
 
 <p>The theme comes with a reasonably configured topbar.</p>
-<p><a href="#R-image-b32cadee3a333c7391da471b92c4a9c0" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-b32cadee3a333c7391da471b92c4a9c0"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-02d9600b011f76a0d136f5b8bd5093c0" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-02d9600b011f76a0d136f5b8bd5093c0"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Nevertheless, your requirements may differ from this configuration. Luckily the theme got you covered as the themebar, its buttons and the functionality behind these buttons is fully configurable by you.</p>
 
 <div class="box notices cstyle tip">
@@ -106,8 +106,8 @@
 </div>
 <h2 id="areas">Areas</h2>
 <p>The default configuration comes with three predefined areas that may contain an arbitrary set of buttons.</p>
-<p><a href="#R-image-5ebff00385683b4c3bfea6bf8047da5d" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5ebff00385683b4c3bfea6bf8047da5d"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-3ec1437f77355396808f98ac241dce5d" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-3ec1437f77355396808f98ac241dce5d"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <ul>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu and breadcrumb</li>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
@@ -425,8 +425,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/categories/basic/index.html b/categories/basic/index.html
index bfd2cb03cc..e04780990b 100644
--- a/categories/basic/index.html
+++ b/categories/basic/index.html
@@ -7,35 +7,35 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="basic :: Category :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="basic :: Category :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/categories/basic/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="basic :: Category :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>basic :: Category :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/basic/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/basic/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/basic/index.html" rel="alternate" hreflang="pir">
     <link href="../../categories/basic/index.xml" rel="alternate" type="application/rss+xml" title="basic :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -210,12 +210,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../../js/search.js?1697038924" defer></script>
+        <script src="../../js/auto-complete.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -372,13 +372,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038924"></script>
+          <script async src="../../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/categories/content/index.html b/categories/content/index.html
index 41acea015f..9a21272ec0 100644
--- a/categories/content/index.html
+++ b/categories/content/index.html
@@ -7,35 +7,35 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="content :: Category :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="content :: Category :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/categories/content/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="content :: Category :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>content :: Category :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/content/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/content/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/content/index.html" rel="alternate" hreflang="pir">
     <link href="../../categories/content/index.xml" rel="alternate" type="application/rss+xml" title="content :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -210,12 +210,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../../js/search.js?1697038924" defer></script>
+        <script src="../../js/auto-complete.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -372,13 +372,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038924"></script>
+          <script async src="../../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/categories/custom/index.html b/categories/custom/index.html
index 7c6b9245bd..8ad93f99c1 100644
--- a/categories/custom/index.html
+++ b/categories/custom/index.html
@@ -7,35 +7,35 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="custom :: Category :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="custom :: Category :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/categories/custom/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="custom :: Category :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>custom :: Category :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/custom/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/custom/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/custom/index.html" rel="alternate" hreflang="pir">
     <link href="../../categories/custom/index.xml" rel="alternate" type="application/rss+xml" title="custom :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -210,12 +210,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../../js/search.js?1697038924" defer></script>
+        <script src="../../js/auto-complete.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -372,13 +372,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038924"></script>
+          <script async src="../../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/categories/index.html b/categories/index.html
index 43f89092cc..d254521903 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -7,35 +7,35 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Categories :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Categories :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/categories/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Categories :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Categories :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/index.html" rel="alternate" hreflang="x-default">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../js/url.js?1697038923"></script>
-    <script src="../js/variant.js?1697038923"></script>
+    <link href="../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../js/url.js?1697040176"></script>
+    <script src="../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1697038924" defer></script>
-        <script src="../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../js/search.js?1697038924" defer></script>
+        <script src="../js/auto-complete.js?1697040177" defer></script>
+        <script src="../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -389,13 +389,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1697038924"></script>
+          <script async src="../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../js/theme.js?1697038924" defer></script>
+    <script src="../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/categories/taxonomy/index.html b/categories/taxonomy/index.html
index 4f44e59b68..3aa7eb6e6f 100644
--- a/categories/taxonomy/index.html
+++ b/categories/taxonomy/index.html
@@ -7,35 +7,35 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="taxonomy :: Category :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="taxonomy :: Category :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/categories/taxonomy/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="taxonomy :: Category :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>taxonomy :: Category :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/taxonomy/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/taxonomy/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="../../categories/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="taxonomy :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -210,12 +210,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../../js/search.js?1697038924" defer></script>
+        <script src="../../js/auto-complete.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -372,13 +372,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038924"></script>
+          <script async src="../../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/categories/theming/index.html b/categories/theming/index.html
index dc8454b2ba..8bfbe55809 100644
--- a/categories/theming/index.html
+++ b/categories/theming/index.html
@@ -7,35 +7,35 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="theming :: Category :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="theming :: Category :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/categories/theming/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="theming :: Category :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>theming :: Category :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/theming/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/theming/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/theming/index.html" rel="alternate" hreflang="pir">
     <link href="../../categories/theming/index.xml" rel="alternate" type="application/rss+xml" title="theming :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -211,12 +211,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../../js/search.js?1697038924" defer></script>
+        <script src="../../js/auto-complete.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -373,13 +373,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038924"></script>
+          <script async src="../../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.html b/cont/archetypes/index.html
index 65a363f6a0..ee8e79dbb5 100644
--- a/cont/archetypes/index.html
+++ b/cont/archetypes/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Archetypes :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Archetypes :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/cont/archetypes/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Archetypes :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Archetypes :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/archetypes/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/archetypes/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -153,8 +153,8 @@
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
-<p><a href="#R-image-b146580dd6e2c3452afed6a4b1dc3bba" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-b146580dd6e2c3452afed6a4b1dc3bba"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-e533e36dab52b65991badcc3bac6e98b" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-e533e36dab52b65991badcc3bac6e98b"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a home page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -164,8 +164,8 @@
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
-<p><a href="#R-image-bf4c3db2746656d9411f05d5af019312" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-bf4c3db2746656d9411f05d5af019312"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-3dcfa7ae8118a9e52fb1cc7948de4861" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-3dcfa7ae8118a9e52fb1cc7948de4861"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a chapter page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -177,8 +177,8 @@
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
-<p><a href="#R-image-3108ca09818c8d12bcfa0f8491ffa158" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-3108ca09818c8d12bcfa0f8491ffa158"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-18c5e21cbd566594f5c562cd8afd22b0" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-18c5e21cbd566594f5c562cd8afd22b0"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a default page, run either one of the following commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
@@ -310,12 +310,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -472,13 +472,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.print.html b/cont/archetypes/index.print.html
index 0fb9e8dc83..126702f960 100644
--- a/cont/archetypes/index.print.html
+++ b/cont/archetypes/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Archetypes :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Archetypes :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/cont/archetypes/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Archetypes :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Archetypes :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/archetypes/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/archetypes/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -97,8 +97,8 @@
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
-<p><a href="#R-image-b146580dd6e2c3452afed6a4b1dc3bba" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-b146580dd6e2c3452afed6a4b1dc3bba"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-e533e36dab52b65991badcc3bac6e98b" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-e533e36dab52b65991badcc3bac6e98b"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a home page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -108,8 +108,8 @@
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
-<p><a href="#R-image-bf4c3db2746656d9411f05d5af019312" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-bf4c3db2746656d9411f05d5af019312"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-3dcfa7ae8118a9e52fb1cc7948de4861" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-3dcfa7ae8118a9e52fb1cc7948de4861"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a chapter page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -121,8 +121,8 @@
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
-<p><a href="#R-image-3108ca09818c8d12bcfa0f8491ffa158" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-3108ca09818c8d12bcfa0f8491ffa158"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-18c5e21cbd566594f5c562cd8afd22b0" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-18c5e21cbd566594f5c562cd8afd22b0"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a default page, run either one of the following commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
@@ -173,8 +173,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.html b/cont/i18n/index.html
index a4a8adcd90..8663c1b0ad 100644
--- a/cont/i18n/index.html
+++ b/cont/i18n/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Multilingual and i18n :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Multilingual and i18n :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/cont/i18n/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Multilingual and i18n :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Multilingual and i18n :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/i18n/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/i18n/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +150,8 @@
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
-<p><a href="#R-image-5bb95492a007562f3d3a94a1be659079" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5bb95492a007562f3d3a94a1be659079"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-d6c8f6517dc07b46c79f9add3f618dbe" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-d6c8f6517dc07b46c79f9add3f618dbe"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
 <p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
 <p>For example with current English and Piratized English website.</p>
@@ -332,12 +332,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?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -494,13 +494,13 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.print.html b/cont/i18n/index.print.html
index e7c32d55fb..5987d72043 100644
--- a/cont/i18n/index.print.html
+++ b/cont/i18n/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Multilingual and i18n :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Multilingual and i18n :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/cont/i18n/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Multilingual and i18n :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Multilingual and i18n :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/i18n/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/i18n/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -99,8 +99,8 @@
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
-<p><a href="#R-image-5bb95492a007562f3d3a94a1be659079" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5bb95492a007562f3d3a94a1be659079"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-d6c8f6517dc07b46c79f9add3f618dbe" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-d6c8f6517dc07b46c79f9add3f618dbe"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
 <p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
 <p>For example with current English and Piratized English website.</p>
@@ -200,8 +200,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/cont/imageeffects/index.html b/cont/imageeffects/index.html
index b5e3a02330..485a0fec94 100644
--- a/cont/imageeffects/index.html
+++ b/cont/imageeffects/index.html
@@ -7,6 +7,14 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Image Effects :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="The theme supports non-standard image effects.
+As described, you can add this to the URL query parameter, but this may be cumbersome to do it consistently for the whole page.
+Instead, you can configure the defaults in your config.toml aswell as overriding these default in the pages frontmatter.
+Explicitly set URL query parameter will override the defaults in effect for a page.
+Without any settings in your config.toml this defaults to">
     <meta property="og:title" content="Image Effects :: Hugo Relearn Theme">
     <meta property="og:description" content="The theme supports non-standard image effects.
 As described, you can add this to the URL query parameter, but this may be cumbersome to do it consistently for the whole page.
@@ -18,34 +26,26 @@ Without any settings in your config.toml this defaults to">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Content :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Image Effects :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="The theme supports non-standard image effects.
-As described, you can add this to the URL query parameter, but this may be cumbersome to do it consistently for the whole page.
-Instead, you can configure the defaults in your config.toml aswell as overriding these default in the pages frontmatter.
-Explicitly set URL query parameter will override the defaults in effect for a page.
-Without any settings in your config.toml this defaults to">
     <title>Image Effects :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/imageeffects/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/imageeffects/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Hugo Relearn Theme">
     <link href="../../cont/imageeffects/index.print.html" rel="alternate" type="text/html" title="Image Effects :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -152,13 +152,13 @@ Without any settings in your config.toml this defaults to">
 <p>Without any settings in your <code>config.toml</code> this defaults to</p>
 
   
-<div class="tab-panel" data-tab-group="847060d649a2d99a49114b9a9609fdc1">
+<div class="tab-panel" data-tab-group="4b3c486cce898dcbcaa1da28c43cd25f">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('847060d649a2d99a49114b9a9609fdc1','configtoml')"
+      onclick="switchTab('4b3c486cce898dcbcaa1da28c43cd25f','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -179,13 +179,13 @@ Without any settings in your config.toml this defaults to">
 </div><p>This can be overridden in a pages frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="88d0e5bdbdd81ae2826c426ee6c27b36">
+<div class="tab-panel" data-tab-group="99db253e1ac0d852898a02f83d73b953">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('88d0e5bdbdd81ae2826c426ee6c27b36','frontmatter')"
+      onclick="switchTab('99db253e1ac0d852898a02f83d73b953','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -205,13 +205,13 @@ Without any settings in your config.toml this defaults to">
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="2aa5a8f3410f084e167ac619a2ddd32e">
+<div class="tab-panel" data-tab-group="e2eecda8bf232f2ab3d17812825153aa">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('2aa5a8f3410f084e167ac619a2ddd32e','url')"
+      onclick="switchTab('e2eecda8bf232f2ab3d17812825153aa','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -228,13 +228,13 @@ Without any settings in your config.toml this defaults to">
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="cd04eae017f2d12cf4866a5ea72c5857">
+<div class="tab-panel" data-tab-group="4022f498f9ab24cabb0247eb832c51ea">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('cd04eae017f2d12cf4866a5ea72c5857','result')"
+      onclick="switchTab('4022f498f9ab24cabb0247eb832c51ea','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -254,13 +254,13 @@ Without any settings in your config.toml this defaults to">
 </div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="fe40fc59285e29eb75e13e1220a68d7e">
+<div class="tab-panel" data-tab-group="5a5c127b158583dc048427d26446bafb">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('fe40fc59285e29eb75e13e1220a68d7e','html')"
+      onclick="switchTab('5a5c127b158583dc048427d26446bafb','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -373,12 +373,12 @@ Without any settings in your config.toml this defaults to">
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -535,13 +535,13 @@ Without any settings in your config.toml this defaults to">
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/cont/imageeffects/index.print.html b/cont/imageeffects/index.print.html
index 7659eb31d5..46d9d47dfe 100644
--- a/cont/imageeffects/index.print.html
+++ b/cont/imageeffects/index.print.html
@@ -7,6 +7,14 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Image Effects :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="The theme supports non-standard image effects.
+As described, you can add this to the URL query parameter, but this may be cumbersome to do it consistently for the whole page.
+Instead, you can configure the defaults in your config.toml aswell as overriding these default in the pages frontmatter.
+Explicitly set URL query parameter will override the defaults in effect for a page.
+Without any settings in your config.toml this defaults to">
     <meta property="og:title" content="Image Effects :: Hugo Relearn Theme">
     <meta property="og:description" content="The theme supports non-standard image effects.
 As described, you can add this to the URL query parameter, but this may be cumbersome to do it consistently for the whole page.
@@ -18,35 +26,27 @@ Without any settings in your config.toml this defaults to">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Content :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Image Effects :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="The theme supports non-standard image effects.
-As described, you can add this to the URL query parameter, but this may be cumbersome to do it consistently for the whole page.
-Instead, you can configure the defaults in your config.toml aswell as overriding these default in the pages frontmatter.
-Explicitly set URL query parameter will override the defaults in effect for a page.
-Without any settings in your config.toml this defaults to">
     <title>Image Effects :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/imageeffects/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/imageeffects/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/imageeffects/index.html" rel="canonical" type="text/html" title="Image Effects :: Hugo Relearn Theme">
     <link href="../../cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -108,13 +108,13 @@ Without any settings in your config.toml this defaults to">
 <p>Without any settings in your <code>config.toml</code> this defaults to</p>
 
   
-<div class="tab-panel" data-tab-group="847060d649a2d99a49114b9a9609fdc1">
+<div class="tab-panel" data-tab-group="4b3c486cce898dcbcaa1da28c43cd25f">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('847060d649a2d99a49114b9a9609fdc1','configtoml')"
+      onclick="switchTab('4b3c486cce898dcbcaa1da28c43cd25f','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -135,13 +135,13 @@ Without any settings in your config.toml this defaults to">
 </div><p>This can be overridden in a pages frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="88d0e5bdbdd81ae2826c426ee6c27b36">
+<div class="tab-panel" data-tab-group="99db253e1ac0d852898a02f83d73b953">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('88d0e5bdbdd81ae2826c426ee6c27b36','frontmatter')"
+      onclick="switchTab('99db253e1ac0d852898a02f83d73b953','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -161,13 +161,13 @@ Without any settings in your config.toml this defaults to">
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="2aa5a8f3410f084e167ac619a2ddd32e">
+<div class="tab-panel" data-tab-group="e2eecda8bf232f2ab3d17812825153aa">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('2aa5a8f3410f084e167ac619a2ddd32e','url')"
+      onclick="switchTab('e2eecda8bf232f2ab3d17812825153aa','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -184,13 +184,13 @@ Without any settings in your config.toml this defaults to">
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="cd04eae017f2d12cf4866a5ea72c5857">
+<div class="tab-panel" data-tab-group="4022f498f9ab24cabb0247eb832c51ea">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('cd04eae017f2d12cf4866a5ea72c5857','result')"
+      onclick="switchTab('4022f498f9ab24cabb0247eb832c51ea','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -210,13 +210,13 @@ Without any settings in your config.toml this defaults to">
 </div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="fe40fc59285e29eb75e13e1220a68d7e">
+<div class="tab-panel" data-tab-group="5a5c127b158583dc048427d26446bafb">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('fe40fc59285e29eb75e13e1220a68d7e','html')"
+      onclick="switchTab('5a5c127b158583dc048427d26446bafb','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -248,8 +248,8 @@ Without any settings in your config.toml this defaults to">
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/cont/index.html b/cont/index.html
index e87c473e96..add02eea00 100644
--- a/cont/index.html
+++ b/cont/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Content :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Content :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/cont/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Content :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Content :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../js/url.js?1697038923"></script>
-    <script src="../js/variant.js?1697038923"></script>
+    <link href="../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../js/url.js?1697040176"></script>
+    <script src="../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -221,12 +221,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1697038923" defer></script>
-        <script src="../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../js/search.js?1697038923" defer></script>
+        <script src="../js/auto-complete.js?1697040176" defer></script>
+        <script src="../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -383,13 +383,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1697038923"></script>
+          <script async src="../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../js/theme.js?1697038923" defer></script>
+    <script src="../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/cont/index.print.html b/cont/index.print.html
index 9e530d76ee..bb958a8444 100644
--- a/cont/index.print.html
+++ b/cont/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Content :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Content :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/cont/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Content :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Content :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../js/url.js?1697038924"></script>
-    <script src="../js/variant.js?1697038924"></script>
+    <link href="../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../js/url.js?1697040177"></script>
+    <script src="../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -181,8 +181,8 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-123100ef2abbb519006eb981ae1eb1f9" class="lightbox-link"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-123100ef2abbb519006eb981ae1eb1f9"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-545da19d8e503e178381721520f7cd91" class="lightbox-link"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-545da19d8e503e178381721520f7cd91"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
 <p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
 <p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@@ -230,8 +230,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
-<p><a href="#R-image-b146580dd6e2c3452afed6a4b1dc3bba" class="lightbox-link"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-b146580dd6e2c3452afed6a4b1dc3bba"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-e533e36dab52b65991badcc3bac6e98b" class="lightbox-link"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-e533e36dab52b65991badcc3bac6e98b"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a home page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -241,8 +241,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
-<p><a href="#R-image-bf4c3db2746656d9411f05d5af019312" class="lightbox-link"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-bf4c3db2746656d9411f05d5af019312"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-3dcfa7ae8118a9e52fb1cc7948de4861" class="lightbox-link"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-3dcfa7ae8118a9e52fb1cc7948de4861"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a chapter page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -254,8 +254,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
-<p><a href="#R-image-3108ca09818c8d12bcfa0f8491ffa158" class="lightbox-link"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-3108ca09818c8d12bcfa0f8491ffa158"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-18c5e21cbd566594f5c562cd8afd22b0" class="lightbox-link"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-18c5e21cbd566594f5c562cd8afd22b0"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a default page, run either one of the following commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
@@ -827,8 +827,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-50a97bbb898ee55f8db75e25df5915d8" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-50a97bbb898ee55f8db75e25df5915d8"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-5250128a12930097a8cff47b00b80b68" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-5250128a12930097a8cff47b00b80b68"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image with Tooltip</h3>
@@ -838,8 +838,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-27c7c7eca3c9dabe626ec68f395a17c6" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-27c7c7eca3c9dabe626ec68f395a17c6"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-4b7c2df05bd23e4a5a4480b5d8e6255c" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4b7c2df05bd23e4a5a4480b5d8e6255c"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -851,8 +851,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-8f200568df25a6abf8fc4edc709ad4d3" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-8f200568df25a6abf8fc4edc709ad4d3"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-2956ed16a2676d53228f4da61d4be5de" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-2956ed16a2676d53228f4da61d4be5de"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -864,8 +864,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-6d6e37054cf64fdb2fe3fc96846d798d" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-6d6e37054cf64fdb2fe3fc96846d798d"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-33842f07c7cdebdf674914b5a37a23ee" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-33842f07c7cdebdf674914b5a37a23ee"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -873,8 +873,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-7942b67af2587a209cdc3590de6bfe23" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7942b67af2587a209cdc3590de6bfe23"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-dc4bc37ea7e4f00c69cc6bbc1d14a385" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-dc4bc37ea7e4f00c69cc6bbc1d14a385"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -882,8 +882,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-f01f89713fa536ba8189ae264ba05920" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-f01f89713fa536ba8189ae264ba05920"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-fce38fe3bca761398da5e276bc99ae0f" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-fce38fe3bca761398da5e276bc99ae0f"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -894,8 +894,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d07437afdc9ba12ad8bf92ce7a1786e4" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d07437afdc9ba12ad8bf92ce7a1786e4"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#R-image-a730ba8c7967adc357d1dc732ddd6658" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-a730ba8c7967adc357d1dc732ddd6658"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -904,8 +904,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-ce52457237e9ee6b9f6735ca0009bc2a" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ce52457237e9ee6b9f6735ca0009bc2a"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-af737d88cd5f663526d5ea1b216b026b" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-af737d88cd5f663526d5ea1b216b026b"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -914,8 +914,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-ac4b71eb05e4d1b1295c3b7cf5c7a715" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ac4b71eb05e4d1b1295c3b7cf5c7a715"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-63334c06e18b2c53bf12a02e0f190130" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-63334c06e18b2c53bf12a02e0f190130"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -924,8 +924,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-ff70089cb5bed6ba65ec536ed6fc4f6f" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ff70089cb5bed6ba65ec536ed6fc4f6f"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-3bcea0a3fd7af1c90cf95d3ac801581d" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-3bcea0a3fd7af1c90cf95d3ac801581d"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -937,14 +937,14 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d57d328d06e3268f7f6a839add300883" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d57d328d06e3268f7f6a839add300883"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-0c3d094fbaa0834ca69dbda38517a695" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0c3d094fbaa0834ca69dbda38517a695"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-31dd3093bbc2517ffb197246ad7a802b" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-31dd3093bbc2517ffb197246ad7a802b"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-1116fcdae491f4669d320bd25af620c8" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-1116fcdae491f4669d320bd25af620c8"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-148e4e11f8b7756e283dc94df76f3ede" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-148e4e11f8b7756e283dc94df76f3ede"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-46dcbd8084fbbf5342ba170438553261" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-46dcbd8084fbbf5342ba170438553261"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-b91278cc72bfcee1e8bbe110195b1f34" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-b91278cc72bfcee1e8bbe110195b1f34"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-bb959bc721df7f71a5c15b74b14f143d" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-bb959bc721df7f71a5c15b74b14f143d"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combination</h5>
@@ -953,8 +953,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-efa7f08fac793ae19d0a295313305aa8" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-efa7f08fac793ae19d0a295313305aa8"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#R-image-64f0faeb7336d6e32744ada64cb7a7be" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-64f0faeb7336d6e32744ada64cb7a7be"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -993,13 +993,13 @@ line 3 of code
 <p>Without any settings in your <code>config.toml</code> this defaults to</p>
 
   
-<div class="tab-panel" data-tab-group="847060d649a2d99a49114b9a9609fdc1">
+<div class="tab-panel" data-tab-group="4b3c486cce898dcbcaa1da28c43cd25f">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('847060d649a2d99a49114b9a9609fdc1','configtoml')"
+      onclick="switchTab('4b3c486cce898dcbcaa1da28c43cd25f','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -1020,13 +1020,13 @@ line 3 of code
 </div><p>This can be overridden in a pages frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="88d0e5bdbdd81ae2826c426ee6c27b36">
+<div class="tab-panel" data-tab-group="99db253e1ac0d852898a02f83d73b953">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('88d0e5bdbdd81ae2826c426ee6c27b36','frontmatter')"
+      onclick="switchTab('99db253e1ac0d852898a02f83d73b953','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -1046,13 +1046,13 @@ line 3 of code
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="2aa5a8f3410f084e167ac619a2ddd32e">
+<div class="tab-panel" data-tab-group="e2eecda8bf232f2ab3d17812825153aa">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('2aa5a8f3410f084e167ac619a2ddd32e','url')"
+      onclick="switchTab('e2eecda8bf232f2ab3d17812825153aa','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -1069,13 +1069,13 @@ line 3 of code
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="cd04eae017f2d12cf4866a5ea72c5857">
+<div class="tab-panel" data-tab-group="4022f498f9ab24cabb0247eb832c51ea">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('cd04eae017f2d12cf4866a5ea72c5857','result')"
+      onclick="switchTab('4022f498f9ab24cabb0247eb832c51ea','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -1095,13 +1095,13 @@ line 3 of code
 </div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="fe40fc59285e29eb75e13e1220a68d7e">
+<div class="tab-panel" data-tab-group="5a5c127b158583dc048427d26446bafb">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('fe40fc59285e29eb75e13e1220a68d7e','html')"
+      onclick="switchTab('5a5c127b158583dc048427d26446bafb','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -1276,8 +1276,8 @@ However, if you want to keep the title but change its value, it can be overridde
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
-<p><a href="#R-image-5bb95492a007562f3d3a94a1be659079" class="lightbox-link"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5bb95492a007562f3d3a94a1be659079"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-d6c8f6517dc07b46c79f9add3f618dbe" class="lightbox-link"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-d6c8f6517dc07b46c79f9add3f618dbe"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
 <p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
 <p>For example with current English and Piratized English website.</p>
@@ -1467,8 +1467,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../js/theme.js?1697038924" defer></script>
+    <script src="../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.html b/cont/markdown/index.html
index 6f2b80a1f8..2b0653fbbf 100644
--- a/cont/markdown/index.html
+++ b/cont/markdown/index.html
@@ -7,6 +7,13 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Markdown syntax :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Let&rsquo;s face it: Writing content for the web is tiresome. WYSIWYG editors help alleviate this task, but they generally result in horrible code, or worse yet, ugly web pages.
+Markdown is a better way to write HTML, without all the complexities and ugliness that usually accompanies it.
+Some of the key benefits are:
+Markdown is simple to learn, with minimal extra characters so it&rsquo;s also quicker to write content. Less chance of errors when writing in Markdown.">
     <meta property="og:title" content="Markdown syntax :: Hugo Relearn Theme">
     <meta property="og:description" content="Let&rsquo;s face it: Writing content for the web is tiresome. WYSIWYG editors help alleviate this task, but they generally result in horrible code, or worse yet, ugly web pages.
 Markdown is a better way to write HTML, without all the complexities and ugliness that usually accompanies it.
@@ -17,33 +24,26 @@ Markdown is simple to learn, with minimal extra characters so it&rsquo;s also qu
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Content :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Markdown syntax :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Let&rsquo;s face it: Writing content for the web is tiresome. WYSIWYG editors help alleviate this task, but they generally result in horrible code, or worse yet, ugly web pages.
-Markdown is a better way to write HTML, without all the complexities and ugliness that usually accompanies it.
-Some of the key benefits are:
-Markdown is simple to learn, with minimal extra characters so it&rsquo;s also quicker to write content. Less chance of errors when writing in Markdown.">
     <title>Markdown syntax :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/markdown/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/markdown/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -710,8 +710,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-50a97bbb898ee55f8db75e25df5915d8" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-50a97bbb898ee55f8db75e25df5915d8"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-5250128a12930097a8cff47b00b80b68" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-5250128a12930097a8cff47b00b80b68"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image with Tooltip</h3>
@@ -721,8 +721,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-27c7c7eca3c9dabe626ec68f395a17c6" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-27c7c7eca3c9dabe626ec68f395a17c6"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-4b7c2df05bd23e4a5a4480b5d8e6255c" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4b7c2df05bd23e4a5a4480b5d8e6255c"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -734,8 +734,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-8f200568df25a6abf8fc4edc709ad4d3" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-8f200568df25a6abf8fc4edc709ad4d3"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-2956ed16a2676d53228f4da61d4be5de" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-2956ed16a2676d53228f4da61d4be5de"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -747,8 +747,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-6d6e37054cf64fdb2fe3fc96846d798d" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-6d6e37054cf64fdb2fe3fc96846d798d"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-33842f07c7cdebdf674914b5a37a23ee" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-33842f07c7cdebdf674914b5a37a23ee"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -756,8 +756,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-7942b67af2587a209cdc3590de6bfe23" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7942b67af2587a209cdc3590de6bfe23"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-dc4bc37ea7e4f00c69cc6bbc1d14a385" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-dc4bc37ea7e4f00c69cc6bbc1d14a385"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -765,8 +765,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-f01f89713fa536ba8189ae264ba05920" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-f01f89713fa536ba8189ae264ba05920"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-fce38fe3bca761398da5e276bc99ae0f" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-fce38fe3bca761398da5e276bc99ae0f"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -777,8 +777,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d07437afdc9ba12ad8bf92ce7a1786e4" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d07437afdc9ba12ad8bf92ce7a1786e4"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#R-image-a730ba8c7967adc357d1dc732ddd6658" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-a730ba8c7967adc357d1dc732ddd6658"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -787,8 +787,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-ce52457237e9ee6b9f6735ca0009bc2a" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ce52457237e9ee6b9f6735ca0009bc2a"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-af737d88cd5f663526d5ea1b216b026b" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-af737d88cd5f663526d5ea1b216b026b"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -797,8 +797,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-ac4b71eb05e4d1b1295c3b7cf5c7a715" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ac4b71eb05e4d1b1295c3b7cf5c7a715"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-63334c06e18b2c53bf12a02e0f190130" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-63334c06e18b2c53bf12a02e0f190130"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -807,8 +807,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-ff70089cb5bed6ba65ec536ed6fc4f6f" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ff70089cb5bed6ba65ec536ed6fc4f6f"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-3bcea0a3fd7af1c90cf95d3ac801581d" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-3bcea0a3fd7af1c90cf95d3ac801581d"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -820,14 +820,14 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d57d328d06e3268f7f6a839add300883" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d57d328d06e3268f7f6a839add300883"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-0c3d094fbaa0834ca69dbda38517a695" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0c3d094fbaa0834ca69dbda38517a695"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-31dd3093bbc2517ffb197246ad7a802b" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-31dd3093bbc2517ffb197246ad7a802b"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-1116fcdae491f4669d320bd25af620c8" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-1116fcdae491f4669d320bd25af620c8"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-148e4e11f8b7756e283dc94df76f3ede" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-148e4e11f8b7756e283dc94df76f3ede"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-46dcbd8084fbbf5342ba170438553261" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-46dcbd8084fbbf5342ba170438553261"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-b91278cc72bfcee1e8bbe110195b1f34" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-b91278cc72bfcee1e8bbe110195b1f34"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-bb959bc721df7f71a5c15b74b14f143d" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-bb959bc721df7f71a5c15b74b14f143d"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combination</h5>
@@ -836,8 +836,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-efa7f08fac793ae19d0a295313305aa8" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-efa7f08fac793ae19d0a295313305aa8"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#R-image-64f0faeb7336d6e32744ada64cb7a7be" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-64f0faeb7336d6e32744ada64cb7a7be"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -948,12 +948,12 @@ line 3 of code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1110,13 +1110,13 @@ line 3 of code
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.print.html b/cont/markdown/index.print.html
index b083646e2f..229ac171c4 100644
--- a/cont/markdown/index.print.html
+++ b/cont/markdown/index.print.html
@@ -7,6 +7,13 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Markdown syntax :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Let&rsquo;s face it: Writing content for the web is tiresome. WYSIWYG editors help alleviate this task, but they generally result in horrible code, or worse yet, ugly web pages.
+Markdown is a better way to write HTML, without all the complexities and ugliness that usually accompanies it.
+Some of the key benefits are:
+Markdown is simple to learn, with minimal extra characters so it&rsquo;s also quicker to write content. Less chance of errors when writing in Markdown.">
     <meta property="og:title" content="Markdown syntax :: Hugo Relearn Theme">
     <meta property="og:description" content="Let&rsquo;s face it: Writing content for the web is tiresome. WYSIWYG editors help alleviate this task, but they generally result in horrible code, or worse yet, ugly web pages.
 Markdown is a better way to write HTML, without all the complexities and ugliness that usually accompanies it.
@@ -17,34 +24,27 @@ Markdown is simple to learn, with minimal extra characters so it&rsquo;s also qu
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Content :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Markdown syntax :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Let&rsquo;s face it: Writing content for the web is tiresome. WYSIWYG editors help alleviate this task, but they generally result in horrible code, or worse yet, ugly web pages.
-Markdown is a better way to write HTML, without all the complexities and ugliness that usually accompanies it.
-Some of the key benefits are:
-Markdown is simple to learn, with minimal extra characters so it&rsquo;s also quicker to write content. Less chance of errors when writing in Markdown.">
     <title>Markdown syntax :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/markdown/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/markdown/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -618,8 +618,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-50a97bbb898ee55f8db75e25df5915d8" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-50a97bbb898ee55f8db75e25df5915d8"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-5250128a12930097a8cff47b00b80b68" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-5250128a12930097a8cff47b00b80b68"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image with Tooltip</h3>
@@ -629,8 +629,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-27c7c7eca3c9dabe626ec68f395a17c6" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-27c7c7eca3c9dabe626ec68f395a17c6"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-4b7c2df05bd23e4a5a4480b5d8e6255c" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4b7c2df05bd23e4a5a4480b5d8e6255c"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -642,8 +642,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-8f200568df25a6abf8fc4edc709ad4d3" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-8f200568df25a6abf8fc4edc709ad4d3"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-2956ed16a2676d53228f4da61d4be5de" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-2956ed16a2676d53228f4da61d4be5de"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -655,8 +655,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-6d6e37054cf64fdb2fe3fc96846d798d" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-6d6e37054cf64fdb2fe3fc96846d798d"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-33842f07c7cdebdf674914b5a37a23ee" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-33842f07c7cdebdf674914b5a37a23ee"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -664,8 +664,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-7942b67af2587a209cdc3590de6bfe23" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7942b67af2587a209cdc3590de6bfe23"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-dc4bc37ea7e4f00c69cc6bbc1d14a385" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-dc4bc37ea7e4f00c69cc6bbc1d14a385"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -673,8 +673,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-f01f89713fa536ba8189ae264ba05920" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-f01f89713fa536ba8189ae264ba05920"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-fce38fe3bca761398da5e276bc99ae0f" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-fce38fe3bca761398da5e276bc99ae0f"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -685,8 +685,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d07437afdc9ba12ad8bf92ce7a1786e4" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d07437afdc9ba12ad8bf92ce7a1786e4"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#R-image-a730ba8c7967adc357d1dc732ddd6658" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-a730ba8c7967adc357d1dc732ddd6658"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -695,8 +695,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-ce52457237e9ee6b9f6735ca0009bc2a" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ce52457237e9ee6b9f6735ca0009bc2a"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-af737d88cd5f663526d5ea1b216b026b" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-af737d88cd5f663526d5ea1b216b026b"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -705,8 +705,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-ac4b71eb05e4d1b1295c3b7cf5c7a715" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ac4b71eb05e4d1b1295c3b7cf5c7a715"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-63334c06e18b2c53bf12a02e0f190130" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-63334c06e18b2c53bf12a02e0f190130"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -715,8 +715,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-ff70089cb5bed6ba65ec536ed6fc4f6f" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ff70089cb5bed6ba65ec536ed6fc4f6f"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-3bcea0a3fd7af1c90cf95d3ac801581d" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-3bcea0a3fd7af1c90cf95d3ac801581d"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -728,14 +728,14 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d57d328d06e3268f7f6a839add300883" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d57d328d06e3268f7f6a839add300883"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-0c3d094fbaa0834ca69dbda38517a695" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0c3d094fbaa0834ca69dbda38517a695"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-31dd3093bbc2517ffb197246ad7a802b" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-31dd3093bbc2517ffb197246ad7a802b"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-1116fcdae491f4669d320bd25af620c8" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-1116fcdae491f4669d320bd25af620c8"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-148e4e11f8b7756e283dc94df76f3ede" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-148e4e11f8b7756e283dc94df76f3ede"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-46dcbd8084fbbf5342ba170438553261" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-46dcbd8084fbbf5342ba170438553261"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-b91278cc72bfcee1e8bbe110195b1f34" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-b91278cc72bfcee1e8bbe110195b1f34"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-bb959bc721df7f71a5c15b74b14f143d" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-bb959bc721df7f71a5c15b74b14f143d"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combination</h5>
@@ -744,8 +744,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-efa7f08fac793ae19d0a295313305aa8" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-efa7f08fac793ae19d0a295313305aa8"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#R-image-64f0faeb7336d6e32744ada64cb7a7be" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-64f0faeb7336d6e32744ada64cb7a7be"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -775,8 +775,8 @@ line 3 of code
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.html b/cont/menushortcuts/index.html
index 86ed5623c8..33b0f28ee4 100644
--- a/cont/menushortcuts/index.html
+++ b/cont/menushortcuts/index.html
@@ -7,6 +7,13 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Menu extra shortcuts :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="You can define additional menu entries or shortcuts in the navigation menu without any link to content.
+Basic configuration Edit the website configuration config.toml and add a [[menu.shortcuts]] entry for each link your want to add.
+Example from the current website:
+[[menu.shortcuts]] name = &#34;&lt;i class=&#39;fab fa-fw fa-github&#39;&gt;&lt;/i&gt; GitHub repo&#34; identifier = &#34;ds&#34; url = &#34;https://github.com/McShelby/hugo-theme-relearn&#34; weight = 10 [[menu.shortcuts]] name = &#34;&lt;i class=&#39;fas fa-fw fa-camera&#39;&gt;&lt;/i&gt; Showcases&#34; url = &#34;showcase/&#34; weight = 11 [[menu.">
     <meta property="og:title" content="Menu extra shortcuts :: Hugo Relearn Theme">
     <meta property="og:description" content="You can define additional menu entries or shortcuts in the navigation menu without any link to content.
 Basic configuration Edit the website configuration config.toml and add a [[menu.shortcuts]] entry for each link your want to add.
@@ -17,33 +24,26 @@ Example from the current website:
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Content :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Menu extra shortcuts :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="You can define additional menu entries or shortcuts in the navigation menu without any link to content.
-Basic configuration Edit the website configuration config.toml and add a [[menu.shortcuts]] entry for each link your want to add.
-Example from the current website:
-[[menu.shortcuts]] name = &#34;&lt;i class=&#39;fab fa-fw fa-github&#39;&gt;&lt;/i&gt; GitHub repo&#34; identifier = &#34;ds&#34; url = &#34;https://github.com/McShelby/hugo-theme-relearn&#34; weight = 10 [[menu.shortcuts]] name = &#34;&lt;i class=&#39;fas fa-fw fa-camera&#39;&gt;&lt;/i&gt; Showcases&#34; url = &#34;showcase/&#34; weight = 11 [[menu.">
     <title>Menu extra shortcuts :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/menushortcuts/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/menushortcuts/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -358,12 +358,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?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -520,13 +520,13 @@ However, if you want to keep the title but change its value, it can be overridde
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.print.html b/cont/menushortcuts/index.print.html
index 37ea9a71f9..dbe080eac2 100644
--- a/cont/menushortcuts/index.print.html
+++ b/cont/menushortcuts/index.print.html
@@ -7,6 +7,13 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Menu extra shortcuts :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="You can define additional menu entries or shortcuts in the navigation menu without any link to content.
+Basic configuration Edit the website configuration config.toml and add a [[menu.shortcuts]] entry for each link your want to add.
+Example from the current website:
+[[menu.shortcuts]] name = &#34;&lt;i class=&#39;fab fa-fw fa-github&#39;&gt;&lt;/i&gt; GitHub repo&#34; identifier = &#34;ds&#34; url = &#34;https://github.com/McShelby/hugo-theme-relearn&#34; weight = 10 [[menu.shortcuts]] name = &#34;&lt;i class=&#39;fas fa-fw fa-camera&#39;&gt;&lt;/i&gt; Showcases&#34; url = &#34;showcase/&#34; weight = 11 [[menu.">
     <meta property="og:title" content="Menu extra shortcuts :: Hugo Relearn Theme">
     <meta property="og:description" content="You can define additional menu entries or shortcuts in the navigation menu without any link to content.
 Basic configuration Edit the website configuration config.toml and add a [[menu.shortcuts]] entry for each link your want to add.
@@ -17,34 +24,27 @@ Example from the current website:
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Content :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Menu extra shortcuts :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="You can define additional menu entries or shortcuts in the navigation menu without any link to content.
-Basic configuration Edit the website configuration config.toml and add a [[menu.shortcuts]] entry for each link your want to add.
-Example from the current website:
-[[menu.shortcuts]] name = &#34;&lt;i class=&#39;fab fa-fw fa-github&#39;&gt;&lt;/i&gt; GitHub repo&#34; identifier = &#34;ds&#34; url = &#34;https://github.com/McShelby/hugo-theme-relearn&#34; weight = 10 [[menu.shortcuts]] name = &#34;&lt;i class=&#39;fas fa-fw fa-camera&#39;&gt;&lt;/i&gt; Showcases&#34; url = &#34;showcase/&#34; weight = 11 [[menu.">
     <title>Menu extra shortcuts :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/menushortcuts/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/menushortcuts/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -231,8 +231,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?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.html b/cont/pages/index.html
index 6193f6fb67..d25d737dcb 100644
--- a/cont/pages/index.html
+++ b/cont/pages/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Pages organization :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Pages organization :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/cont/pages/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Pages organization :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Pages organization :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/pages/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/pages/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -222,8 +222,8 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-123100ef2abbb519006eb981ae1eb1f9" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-123100ef2abbb519006eb981ae1eb1f9"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-545da19d8e503e178381721520f7cd91" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-545da19d8e503e178381721520f7cd91"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
 <p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
 <p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@@ -345,12 +345,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?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -507,13 +507,13 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.print.html b/cont/pages/index.print.html
index e8674f1b50..0eba355ee4 100644
--- a/cont/pages/index.print.html
+++ b/cont/pages/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Pages organization :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Pages organization :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/cont/pages/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Pages organization :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Pages organization :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/pages/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/pages/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -168,8 +168,8 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-123100ef2abbb519006eb981ae1eb1f9" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-123100ef2abbb519006eb981ae1eb1f9"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-545da19d8e503e178381721520f7cd91" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-545da19d8e503e178381721520f7cd91"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
 <p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
 <p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@@ -210,8 +210,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/cont/taxonomy/index.html b/cont/taxonomy/index.html
index 2cfe09d0eb..7bf0b4d7cd 100644
--- a/cont/taxonomy/index.html
+++ b/cont/taxonomy/index.html
@@ -7,6 +7,13 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Taxonomy :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="The Relearn theme supports Hugo&rsquo;s default taxonomies tag and category out of the box.
+Configuration Just add tags and/or categories to any page. They can be given as a single string or an array of strings.
+&#43;&#43;&#43; categories = [&#34;taxonomy&#34;, &#34;content&#34;] tags = &#34;tutorial&#34; title = &#34;Taxonomy&#34; &#43;&#43;&#43;Behavior The tags are displayed at the top of the page in alphabetical order.
+The categories are displayed at the bottom of the page in alphabetical order in the default implementation of the theme but can be customized by providing your own content-footer.">
     <meta property="og:title" content="Taxonomy :: Hugo Relearn Theme">
     <meta property="og:description" content="The Relearn theme supports Hugo&rsquo;s default taxonomies tag and category out of the box.
 Configuration Just add tags and/or categories to any page. They can be given as a single string or an array of strings.
@@ -17,33 +24,26 @@ The categories are displayed at the bottom of the page in alphabetical order in
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Content :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Taxonomy :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="The Relearn theme supports Hugo&rsquo;s default taxonomies tag and category out of the box.
-Configuration Just add tags and/or categories to any page. They can be given as a single string or an array of strings.
-&#43;&#43;&#43; categories = [&#34;taxonomy&#34;, &#34;content&#34;] tags = &#34;tutorial&#34; title = &#34;Taxonomy&#34; &#43;&#43;&#43;Behavior The tags are displayed at the top of the page in alphabetical order.
-The categories are displayed at the bottom of the page in alphabetical order in the default implementation of the theme but can be customized by providing your own content-footer.">
     <title>Taxonomy :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/taxonomy/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/taxonomy/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="Taxonomy :: Hugo Relearn Theme">
     <link href="../../cont/taxonomy/index.print.html" rel="alternate" type="text/html" title="Taxonomy :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -318,12 +318,12 @@ The categories are displayed at the bottom of the page in alphabetical order in
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -480,13 +480,13 @@ The categories are displayed at the bottom of the page in alphabetical order in
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/cont/taxonomy/index.print.html b/cont/taxonomy/index.print.html
index a670ce8f80..f3c70ab5e8 100644
--- a/cont/taxonomy/index.print.html
+++ b/cont/taxonomy/index.print.html
@@ -7,6 +7,13 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Taxonomy :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="The Relearn theme supports Hugo&rsquo;s default taxonomies tag and category out of the box.
+Configuration Just add tags and/or categories to any page. They can be given as a single string or an array of strings.
+&#43;&#43;&#43; categories = [&#34;taxonomy&#34;, &#34;content&#34;] tags = &#34;tutorial&#34; title = &#34;Taxonomy&#34; &#43;&#43;&#43;Behavior The tags are displayed at the top of the page in alphabetical order.
+The categories are displayed at the bottom of the page in alphabetical order in the default implementation of the theme but can be customized by providing your own content-footer.">
     <meta property="og:title" content="Taxonomy :: Hugo Relearn Theme">
     <meta property="og:description" content="The Relearn theme supports Hugo&rsquo;s default taxonomies tag and category out of the box.
 Configuration Just add tags and/or categories to any page. They can be given as a single string or an array of strings.
@@ -17,34 +24,27 @@ The categories are displayed at the bottom of the page in alphabetical order in
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Content :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Taxonomy :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="The Relearn theme supports Hugo&rsquo;s default taxonomies tag and category out of the box.
-Configuration Just add tags and/or categories to any page. They can be given as a single string or an array of strings.
-&#43;&#43;&#43; categories = [&#34;taxonomy&#34;, &#34;content&#34;] tags = &#34;tutorial&#34; title = &#34;Taxonomy&#34; &#43;&#43;&#43;Behavior The tags are displayed at the top of the page in alphabetical order.
-The categories are displayed at the bottom of the page in alphabetical order in the default implementation of the theme but can be customized by providing your own content-footer.">
     <title>Taxonomy :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/taxonomy/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/taxonomy/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/taxonomy/index.html" rel="canonical" type="text/html" title="Taxonomy :: Hugo Relearn Theme">
     <link href="../../cont/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="Taxonomy :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -186,8 +186,8 @@ The categories are displayed at the bottom of the page in alphabetical order in
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/dev/contributing/index.html b/dev/contributing/index.html
index d8e4d9570e..a1c37554e0 100644
--- a/dev/contributing/index.html
+++ b/dev/contributing/index.html
@@ -8,34 +8,34 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="What to know if you want to contribute">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Contributing :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="What to know if you want to contribute">
     <meta property="og:title" content="Contributing :: Hugo Relearn Theme">
     <meta property="og:description" content="What to know if you want to contribute">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Contributing :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="What to know if you want to contribute">
     <title>Contributing :: Hugo Relearn Theme</title>
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -342,12 +342,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -508,13 +508,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/dev/contributing/index.print.html b/dev/contributing/index.print.html
index 242b19ace3..b7be96ed4d 100644
--- a/dev/contributing/index.print.html
+++ b/dev/contributing/index.print.html
@@ -8,35 +8,35 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="What to know if you want to contribute">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Contributing :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="What to know if you want to contribute">
     <meta property="og:title" content="Contributing :: Hugo Relearn Theme">
     <meta property="og:description" content="What to know if you want to contribute">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Contributing :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="What to know if you want to contribute">
     <title>Contributing :: Hugo Relearn Theme</title>
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -216,8 +216,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/dev/index.html b/dev/index.html
index cd92820c79..debdee84e5 100644
--- a/dev/index.html
+++ b/dev/index.html
@@ -8,34 +8,34 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Development :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Development :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/dev/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Development :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Development :: Hugo Relearn Theme</title>
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../js/url.js?1697038923"></script>
-    <script src="../js/variant.js?1697038923"></script>
+    <link href="../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../js/url.js?1697040176"></script>
+    <script src="../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1697038923" defer></script>
-        <script src="../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../js/search.js?1697038923" defer></script>
+        <script src="../js/auto-complete.js?1697040176" defer></script>
+        <script src="../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -393,13 +393,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1697038923"></script>
+          <script async src="../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../js/theme.js?1697038923" defer></script>
+    <script src="../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/dev/index.print.html b/dev/index.print.html
index dfd2a100d2..24188bf60b 100644
--- a/dev/index.print.html
+++ b/dev/index.print.html
@@ -8,35 +8,35 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Development :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Development :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/dev/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Development :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Development :: Hugo Relearn Theme</title>
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../js/url.js?1697038924"></script>
-    <script src="../js/variant.js?1697038924"></script>
+    <link href="../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../js/url.js?1697040177"></script>
+    <script src="../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -472,8 +472,8 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <p><strong>Preview</strong> <code>images/screenshot.png</code>:</p>
-<p><a href="#R-image-0fe92872152c982f42cf60fcc3416349" class="lightbox-link"><img src="../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0fe92872152c982f42cf60fcc3416349"><img src="../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-8d6ff36a6afb445651e0270531fc49e4" class="lightbox-link"><img src="../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-8d6ff36a6afb445651e0270531fc49e4"><img src="../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Content</strong>:</p>
 <p>Show the <a href="#demo-screenshot">Demo Screenshot</a> page on different devices and different themes. Composition of the different device screenshots into a template.</p>
@@ -502,11 +502,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location of <code>images/tn.png</code> is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <p><strong>Preview</strong> <code>images/hero.png</code>:</p>
-<p><a href="#R-image-a32186d1760071634dc60a224334766f" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-a32186d1760071634dc60a224334766f"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-0713ca160c69581318320a341988b513" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-0713ca160c69581318320a341988b513"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p><strong>Preview</strong> <code>images/tn.png</code>:</p>
-<p><a href="#R-image-cd0142deb1c57f166fa309686897f863" class="lightbox-link"><img src="../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-cd0142deb1c57f166fa309686897f863"><img src="../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-a059da2d2ccd09c6b00e5ac79da3c607" class="lightbox-link"><img src="../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-a059da2d2ccd09c6b00e5ac79da3c607"><img src="../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
             </footer>
@@ -516,8 +516,8 @@
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../js/theme.js?1697038924" defer></script>
+    <script src="../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/dev/maintaining/index.html b/dev/maintaining/index.html
index 90bd88e0ff..965e7066b6 100644
--- a/dev/maintaining/index.html
+++ b/dev/maintaining/index.html
@@ -8,34 +8,34 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="What to know as a maintainer">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Maintaining :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="What to know as a maintainer">
     <meta property="og:title" content="Maintaining :: Hugo Relearn Theme">
     <meta property="og:description" content="What to know as a maintainer">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Maintaining :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="What to know as a maintainer">
     <title>Maintaining :: Hugo Relearn Theme</title>
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -429,12 +429,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -595,13 +595,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/dev/maintaining/index.print.html b/dev/maintaining/index.print.html
index 7b04220b40..758a500f09 100644
--- a/dev/maintaining/index.print.html
+++ b/dev/maintaining/index.print.html
@@ -8,35 +8,35 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="What to know as a maintainer">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Maintaining :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="What to know as a maintainer">
     <meta property="og:title" content="Maintaining :: Hugo Relearn Theme">
     <meta property="og:description" content="What to know as a maintainer">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Maintaining :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="What to know as a maintainer">
     <title>Maintaining :: Hugo Relearn Theme</title>
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -292,8 +292,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/dev/screenshots/index.html b/dev/screenshots/index.html
index de5e62b66d..41b24b8200 100644
--- a/dev/screenshots/index.html
+++ b/dev/screenshots/index.html
@@ -8,34 +8,34 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Recipe to create various documentation screenshots">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Screenshots :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Recipe to create various documentation screenshots">
     <meta property="og:title" content="Screenshots :: Hugo Relearn Theme">
     <meta property="og:description" content="Recipe to create various documentation screenshots">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Screenshots :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Recipe to create various documentation screenshots">
     <title>Screenshots :: Hugo Relearn Theme</title>
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -168,8 +168,8 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <p><strong>Preview</strong> <code>images/screenshot.png</code>:</p>
-<p><a href="#R-image-0fe92872152c982f42cf60fcc3416349" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0fe92872152c982f42cf60fcc3416349"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-8d6ff36a6afb445651e0270531fc49e4" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-8d6ff36a6afb445651e0270531fc49e4"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Content</strong>:</p>
 <p>Show the <a href="#demo-screenshot">Demo Screenshot</a> page on different devices and different themes. Composition of the different device screenshots into a template.</p>
@@ -198,11 +198,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location of <code>images/tn.png</code> is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <p><strong>Preview</strong> <code>images/hero.png</code>:</p>
-<p><a href="#R-image-a32186d1760071634dc60a224334766f" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-a32186d1760071634dc60a224334766f"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-0713ca160c69581318320a341988b513" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-0713ca160c69581318320a341988b513"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p><strong>Preview</strong> <code>images/tn.png</code>:</p>
-<p><a href="#R-image-cd0142deb1c57f166fa309686897f863" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-cd0142deb1c57f166fa309686897f863"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-a059da2d2ccd09c6b00e5ac79da3c607" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-a059da2d2ccd09c6b00e5ac79da3c607"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
             </footer>
@@ -292,12 +292,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -458,13 +458,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/dev/screenshots/index.print.html b/dev/screenshots/index.print.html
index d6745624b3..8bcd7586e5 100644
--- a/dev/screenshots/index.print.html
+++ b/dev/screenshots/index.print.html
@@ -8,35 +8,35 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Recipe to create various documentation screenshots">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Screenshots :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Recipe to create various documentation screenshots">
     <meta property="og:title" content="Screenshots :: Hugo Relearn Theme">
     <meta property="og:description" content="Recipe to create various documentation screenshots">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Screenshots :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Recipe to create various documentation screenshots">
     <title>Screenshots :: Hugo Relearn Theme</title>
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -122,8 +122,8 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <p><strong>Preview</strong> <code>images/screenshot.png</code>:</p>
-<p><a href="#R-image-0fe92872152c982f42cf60fcc3416349" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0fe92872152c982f42cf60fcc3416349"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-8d6ff36a6afb445651e0270531fc49e4" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-8d6ff36a6afb445651e0270531fc49e4"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Content</strong>:</p>
 <p>Show the <a href="#demo-screenshot">Demo Screenshot</a> page on different devices and different themes. Composition of the different device screenshots into a template.</p>
@@ -152,11 +152,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location of <code>images/tn.png</code> is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <p><strong>Preview</strong> <code>images/hero.png</code>:</p>
-<p><a href="#R-image-a32186d1760071634dc60a224334766f" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-a32186d1760071634dc60a224334766f"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-0713ca160c69581318320a341988b513" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-0713ca160c69581318320a341988b513"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p><strong>Preview</strong> <code>images/tn.png</code>:</p>
-<p><a href="#R-image-cd0142deb1c57f166fa309686897f863" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-cd0142deb1c57f166fa309686897f863"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-a059da2d2ccd09c6b00e5ac79da3c607" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-a059da2d2ccd09c6b00e5ac79da3c607"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
             </footer>
@@ -165,8 +165,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/index.html b/index.html
index b43ee054f8..707a739643 100644
--- a/index.html
+++ b/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="./css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="./css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1697038923" rel="stylesheet">
-    <link href="./css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="./css/variant.css?1697038923" rel="stylesheet">
-    <link href="./css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1697038923" rel="stylesheet">
-    <script src="./js/url.js?1697038923"></script>
-    <script src="./js/variant.js?1697038923"></script>
+    <link href="./css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="./css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="./css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1697040176" rel="stylesheet">
+    <link href="./css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="./css/variant.css?1697040176" rel="stylesheet">
+    <link href="./css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1697040176" rel="stylesheet">
+    <script src="./js/url.js?1697040176"></script>
+    <script src="./js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -141,8 +141,8 @@
 
 <p>A theme for <a href="https://gohugo.io/" target="_blank">Hugo</a> designed for documentation.</p>
 <p><a href="./basics/migration/">★ What&rsquo;s new in the latest release ★</a></p>
-<p><a href="#R-image-c1987d6a2d29ad79d2a3589674f7b31a" class="lightbox-link"><img src="images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c1987d6a2d29ad79d2a3589674f7b31a"><img src="images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-f66e9b332fdc8f5c1702d89a4a3854f0" class="lightbox-link"><img src="images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-f66e9b332fdc8f5c1702d89a4a3854f0"><img src="images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="motivation">Motivation</h2>
 <p>The theme is a fork of the great <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learn theme</a> with the aim of fixing long outstanding bugs and adepting to latest Hugo features. As far as possible this theme tries to be a drop-in replacement for the Learn theme.</p>
 <h2 id="features">Features</h2>
@@ -317,12 +317,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="./js/auto-complete.js?1697038923" defer></script>
-        <script src="./js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="./js/search.js?1697038923" defer></script>
+        <script src="./js/auto-complete.js?1697040176" defer></script>
+        <script src="./js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="./js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -479,13 +479,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="./js/github-buttons.js?1697038923"></script>
+          <script async src="./js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1697038923" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="./js/theme.js?1697038923" defer></script>
+    <script src="./js/clipboard.min.js?1697040176" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="./js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/index.print.html b/index.print.html
index 5da697e936..264d9efde5 100644
--- a/index.print.html
+++ b/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="./css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="./css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1697038924" rel="stylesheet">
-    <link href="./css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="./css/variant.css?1697038924" rel="stylesheet">
-    <link href="./css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="./css/format-print.css?1697038924" rel="stylesheet">
-    <link href="./css/ie.css?1697038924" rel="stylesheet">
-    <script src="./js/url.js?1697038924"></script>
-    <script src="./js/variant.js?1697038924"></script>
+    <link href="./css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="./css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="./css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1697040177" rel="stylesheet">
+    <link href="./css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="./css/variant.css?1697040177" rel="stylesheet">
+    <link href="./css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="./css/format-print.css?1697040177" rel="stylesheet">
+    <link href="./css/ie.css?1697040177" rel="stylesheet">
+    <script src="./js/url.js?1697040177"></script>
+    <script src="./js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 
 <p>A theme for <a href="https://gohugo.io/" target="_blank">Hugo</a> designed for documentation.</p>
 <p><a href="./basics/migration/">★ What&rsquo;s new in the latest release ★</a></p>
-<p><a href="#R-image-c1987d6a2d29ad79d2a3589674f7b31a" class="lightbox-link"><img src="./images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c1987d6a2d29ad79d2a3589674f7b31a"><img src="./images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-f66e9b332fdc8f5c1702d89a4a3854f0" class="lightbox-link"><img src="./images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-f66e9b332fdc8f5c1702d89a4a3854f0"><img src="./images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="motivation">Motivation</h2>
 <p>The theme is a fork of the great <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learn theme</a> with the aim of fixing long outstanding bugs and adepting to latest Hugo features. As far as possible this theme tries to be a drop-in replacement for the Learn theme.</p>
 <h2 id="features">Features</h2>
@@ -1004,8 +1004,8 @@
 
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
-<p><a href="#R-image-225e2d802734d9f63fcb12bd931b445a" class="lightbox-link"><img src="./basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-225e2d802734d9f63fcb12bd931b445a"><img src="./basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-561de16edf973b7a727a13661648522a" class="lightbox-link"><img src="./basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-561de16edf973b7a727a13661648522a"><img src="./basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 <div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
@@ -1053,8 +1053,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#R-image-5c0756b0304e1598d9cb6f5629679c7b" class="lightbox-link"><img src="./basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5c0756b0304e1598d9cb6f5629679c7b"><img src="./basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-9da63d588ee8a55b299cc82810a42b63" class="lightbox-link"><img src="./basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-9da63d588ee8a55b299cc82810a42b63"><img src="./basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
 <p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@@ -1211,8 +1211,8 @@
 <p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file. This will cause Hugo to generate a new file <code>http://example.com/mysite/search.html</code>.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
-<p><a href="#R-image-0eedb632e72b7d51c3b3fbe4cf2b39f6" class="lightbox-link"><img src="./basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0eedb632e72b7d51c3b3fbe4cf2b39f6"><img src="./basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c8f981ed3860da9a68df3a88cc2354a8" class="lightbox-link"><img src="./basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c8f981ed3860da9a68df3a88cc2354a8"><img src="./basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 <div class="box notices cstyle note">
   <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
@@ -1266,8 +1266,8 @@ appearance, you will have to configure two parameters for the defined languages:
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params are not configured for a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
-<p><a href="#R-image-a48e727d0deb63594efe0875e8d6f961" class="lightbox-link"><img src="./basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-a48e727d0deb63594efe0875e8d6f961"><img src="./basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-5196278c5035cd720d832ab4f4c3c1f6" class="lightbox-link"><img src="./basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-5196278c5035cd720d832ab4f4c3c1f6"><img src="./basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="social-media-meta-tags">Social Media Meta Tags</h2>
 <p>You can add social media meta tags for the <a href="https://gohugo.io/templates/internal/#open-graph" target="_blank">Open Graph</a> and <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> to your site. These are configured as mentioned in the Hugo docs.</p>
 
@@ -1448,13 +1448,13 @@ If you have requirements to support IE and/or older browser versions, use one of
 <p>This interactive tool may help you to generate your own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-b27df7f7066226eab5fc60e1fa93dc20" aria-controls="R-expandcontent-b27df7f7066226eab5fc60e1fa93dc20" >
-    <label class="expand-label" for="R-expand-b27df7f7066226eab5fc60e1fa93dc20" >
+    <input type="checkbox" id="R-expand-b71ee0387dc3ba66922bd6d49f809220" aria-controls="R-expandcontent-b71ee0387dc3ba66922bd6d49f809220" >
+    <label class="expand-label" for="R-expand-b71ee0387dc3ba66922bd6d49f809220" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="R-expandcontent-b27df7f7066226eab5fc60e1fa93dc20" class="expand-content">
+    <div id="R-expandcontent-b71ee0387dc3ba66922bd6d49f809220" class="expand-content">
 
 <p>To get started, first select a color variant from the variant switch in the lower left sidebar that fits you best as a starting point.</p>
 <p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph <strong>and the page</strong> will update accordingly.</p>
@@ -1514,8 +1514,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 <h1 id="topbar-modification">Topbar Modification</h1>
 
 <p>The theme comes with a reasonably configured topbar.</p>
-<p><a href="#R-image-b32cadee3a333c7391da471b92c4a9c0" class="lightbox-link"><img src="./basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-b32cadee3a333c7391da471b92c4a9c0"><img src="./basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-02d9600b011f76a0d136f5b8bd5093c0" class="lightbox-link"><img src="./basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-02d9600b011f76a0d136f5b8bd5093c0"><img src="./basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Nevertheless, your requirements may differ from this configuration. Luckily the theme got you covered as the themebar, its buttons and the functionality behind these buttons is fully configurable by you.</p>
 
 <div class="box notices cstyle tip">
@@ -1527,8 +1527,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 </div>
 <h2 id="areas">Areas</h2>
 <p>The default configuration comes with three predefined areas that may contain an arbitrary set of buttons.</p>
-<p><a href="#R-image-5ebff00385683b4c3bfea6bf8047da5d" class="lightbox-link"><img src="./basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5ebff00385683b4c3bfea6bf8047da5d"><img src="./basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-3ec1437f77355396808f98ac241dce5d" class="lightbox-link"><img src="./basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-3ec1437f77355396808f98ac241dce5d"><img src="./basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <ul>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu and breadcrumb</li>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
@@ -3219,8 +3219,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-123100ef2abbb519006eb981ae1eb1f9" class="lightbox-link"><img src="./cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-123100ef2abbb519006eb981ae1eb1f9"><img src="./cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-545da19d8e503e178381721520f7cd91" class="lightbox-link"><img src="./cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-545da19d8e503e178381721520f7cd91"><img src="./cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
 <p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
 <p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@@ -3268,8 +3268,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
-<p><a href="#R-image-b146580dd6e2c3452afed6a4b1dc3bba" class="lightbox-link"><img src="./cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-b146580dd6e2c3452afed6a4b1dc3bba"><img src="./cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-e533e36dab52b65991badcc3bac6e98b" class="lightbox-link"><img src="./cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-e533e36dab52b65991badcc3bac6e98b"><img src="./cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a home page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -3279,8 +3279,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
-<p><a href="#R-image-bf4c3db2746656d9411f05d5af019312" class="lightbox-link"><img src="./cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-bf4c3db2746656d9411f05d5af019312"><img src="./cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-3dcfa7ae8118a9e52fb1cc7948de4861" class="lightbox-link"><img src="./cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-3dcfa7ae8118a9e52fb1cc7948de4861"><img src="./cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a chapter page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -3292,8 +3292,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
-<p><a href="#R-image-3108ca09818c8d12bcfa0f8491ffa158" class="lightbox-link"><img src="./cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-3108ca09818c8d12bcfa0f8491ffa158"><img src="./cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-18c5e21cbd566594f5c562cd8afd22b0" class="lightbox-link"><img src="./cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-18c5e21cbd566594f5c562cd8afd22b0"><img src="./cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a default page, run either one of the following commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
@@ -3865,8 +3865,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-50a97bbb898ee55f8db75e25df5915d8" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-50a97bbb898ee55f8db75e25df5915d8"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-5250128a12930097a8cff47b00b80b68" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-5250128a12930097a8cff47b00b80b68"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image with Tooltip</h3>
@@ -3876,8 +3876,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-27c7c7eca3c9dabe626ec68f395a17c6" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-27c7c7eca3c9dabe626ec68f395a17c6"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-4b7c2df05bd23e4a5a4480b5d8e6255c" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4b7c2df05bd23e4a5a4480b5d8e6255c"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -3889,8 +3889,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-8f200568df25a6abf8fc4edc709ad4d3" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-8f200568df25a6abf8fc4edc709ad4d3"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-2956ed16a2676d53228f4da61d4be5de" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-2956ed16a2676d53228f4da61d4be5de"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -3902,8 +3902,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-6d6e37054cf64fdb2fe3fc96846d798d" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-6d6e37054cf64fdb2fe3fc96846d798d"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-33842f07c7cdebdf674914b5a37a23ee" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-33842f07c7cdebdf674914b5a37a23ee"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -3911,8 +3911,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-7942b67af2587a209cdc3590de6bfe23" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7942b67af2587a209cdc3590de6bfe23"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-dc4bc37ea7e4f00c69cc6bbc1d14a385" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-dc4bc37ea7e4f00c69cc6bbc1d14a385"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -3920,8 +3920,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-f01f89713fa536ba8189ae264ba05920" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-f01f89713fa536ba8189ae264ba05920"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-fce38fe3bca761398da5e276bc99ae0f" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-fce38fe3bca761398da5e276bc99ae0f"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -3932,8 +3932,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d07437afdc9ba12ad8bf92ce7a1786e4" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d07437afdc9ba12ad8bf92ce7a1786e4"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#R-image-a730ba8c7967adc357d1dc732ddd6658" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-a730ba8c7967adc357d1dc732ddd6658"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -3942,8 +3942,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-ce52457237e9ee6b9f6735ca0009bc2a" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ce52457237e9ee6b9f6735ca0009bc2a"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-af737d88cd5f663526d5ea1b216b026b" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-af737d88cd5f663526d5ea1b216b026b"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -3952,8 +3952,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-ac4b71eb05e4d1b1295c3b7cf5c7a715" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ac4b71eb05e4d1b1295c3b7cf5c7a715"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-63334c06e18b2c53bf12a02e0f190130" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-63334c06e18b2c53bf12a02e0f190130"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -3962,8 +3962,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-ff70089cb5bed6ba65ec536ed6fc4f6f" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ff70089cb5bed6ba65ec536ed6fc4f6f"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-3bcea0a3fd7af1c90cf95d3ac801581d" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-3bcea0a3fd7af1c90cf95d3ac801581d"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -3975,14 +3975,14 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d57d328d06e3268f7f6a839add300883" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d57d328d06e3268f7f6a839add300883"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-0c3d094fbaa0834ca69dbda38517a695" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0c3d094fbaa0834ca69dbda38517a695"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-31dd3093bbc2517ffb197246ad7a802b" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-31dd3093bbc2517ffb197246ad7a802b"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-1116fcdae491f4669d320bd25af620c8" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-1116fcdae491f4669d320bd25af620c8"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-148e4e11f8b7756e283dc94df76f3ede" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-148e4e11f8b7756e283dc94df76f3ede"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-46dcbd8084fbbf5342ba170438553261" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-46dcbd8084fbbf5342ba170438553261"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-b91278cc72bfcee1e8bbe110195b1f34" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-b91278cc72bfcee1e8bbe110195b1f34"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-bb959bc721df7f71a5c15b74b14f143d" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-bb959bc721df7f71a5c15b74b14f143d"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combination</h5>
@@ -3991,8 +3991,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-efa7f08fac793ae19d0a295313305aa8" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-efa7f08fac793ae19d0a295313305aa8"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#R-image-64f0faeb7336d6e32744ada64cb7a7be" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-64f0faeb7336d6e32744ada64cb7a7be"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -4031,13 +4031,13 @@ line 3 of code
 <p>Without any settings in your <code>config.toml</code> this defaults to</p>
 
   
-<div class="tab-panel" data-tab-group="847060d649a2d99a49114b9a9609fdc1">
+<div class="tab-panel" data-tab-group="4b3c486cce898dcbcaa1da28c43cd25f">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('847060d649a2d99a49114b9a9609fdc1','configtoml')"
+      onclick="switchTab('4b3c486cce898dcbcaa1da28c43cd25f','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -4058,13 +4058,13 @@ line 3 of code
 </div><p>This can be overridden in a pages frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="88d0e5bdbdd81ae2826c426ee6c27b36">
+<div class="tab-panel" data-tab-group="99db253e1ac0d852898a02f83d73b953">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('88d0e5bdbdd81ae2826c426ee6c27b36','frontmatter')"
+      onclick="switchTab('99db253e1ac0d852898a02f83d73b953','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -4084,13 +4084,13 @@ line 3 of code
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="2aa5a8f3410f084e167ac619a2ddd32e">
+<div class="tab-panel" data-tab-group="e2eecda8bf232f2ab3d17812825153aa">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('2aa5a8f3410f084e167ac619a2ddd32e','url')"
+      onclick="switchTab('e2eecda8bf232f2ab3d17812825153aa','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -4107,13 +4107,13 @@ line 3 of code
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="cd04eae017f2d12cf4866a5ea72c5857">
+<div class="tab-panel" data-tab-group="4022f498f9ab24cabb0247eb832c51ea">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('cd04eae017f2d12cf4866a5ea72c5857','result')"
+      onclick="switchTab('4022f498f9ab24cabb0247eb832c51ea','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -4133,13 +4133,13 @@ line 3 of code
 </div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="fe40fc59285e29eb75e13e1220a68d7e">
+<div class="tab-panel" data-tab-group="5a5c127b158583dc048427d26446bafb">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('fe40fc59285e29eb75e13e1220a68d7e','html')"
+      onclick="switchTab('5a5c127b158583dc048427d26446bafb','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -4314,8 +4314,8 @@ However, if you want to keep the title but change its value, it can be overridde
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
-<p><a href="#R-image-5bb95492a007562f3d3a94a1be659079" class="lightbox-link"><img src="./cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5bb95492a007562f3d3a94a1be659079"><img src="./cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-d6c8f6517dc07b46c79f9add3f618dbe" class="lightbox-link"><img src="./cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-d6c8f6517dc07b46c79f9add3f618dbe"><img src="./cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
 <p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
 <p>For example with current English and Piratized English website.</p>
@@ -5733,13 +5733,13 @@ So its content is used as description.</p>
 <p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-e219cb6cc1262d2c5c4359a289fef328" aria-controls="R-expandcontent-e219cb6cc1262d2c5c4359a289fef328" >
-    <label class="expand-label" for="R-expand-e219cb6cc1262d2c5c4359a289fef328" >
+    <input type="checkbox" id="R-expand-68e099e494f7c0d9cb100ae4caf309f7" aria-controls="R-expandcontent-68e099e494f7c0d9cb100ae4caf309f7" >
+    <label class="expand-label" for="R-expand-68e099e494f7c0d9cb100ae4caf309f7" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-e219cb6cc1262d2c5c4359a289fef328" class="expand-content">
+    <div id="R-expandcontent-68e099e494f7c0d9cb100ae4caf309f7" class="expand-content">
 
 <p>Thank you!</p>
 <p>That&rsquo;s some text with a footnote<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
@@ -5857,26 +5857,26 @@ So its content is used as description.</p>
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">you</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-3a680548e48780e68a6b0a745ff18788" aria-controls="R-expandcontent-3a680548e48780e68a6b0a745ff18788" >
-    <label class="expand-label" for="R-expand-3a680548e48780e68a6b0a745ff18788" >
+    <input type="checkbox" id="R-expand-4d646f9489d08e666a97c198727130cd" aria-controls="R-expandcontent-4d646f9489d08e666a97c198727130cd" >
+    <label class="expand-label" for="R-expand-4d646f9489d08e666a97c198727130cd" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-3a680548e48780e68a6b0a745ff18788" class="expand-content">
+    <div id="R-expandcontent-4d646f9489d08e666a97c198727130cd" class="expand-content">
 <p>
 Yes, you did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">to</span> <span class="nx">press</span> <span class="nx">you</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-9a8d8612703667a831fff4f7bf1c9f91" aria-controls="R-expandcontent-9a8d8612703667a831fff4f7bf1c9f91"  checked>
-    <label class="expand-label" for="R-expand-9a8d8612703667a831fff4f7bf1c9f91" >
+    <input type="checkbox" id="R-expand-bbda84658f63e5b7cf4127c022193fe8" aria-controls="R-expandcontent-bbda84658f63e5b7cf4127c022193fe8"  checked>
+    <label class="expand-label" for="R-expand-bbda84658f63e5b7cf4127c022193fe8" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-9a8d8612703667a831fff4f7bf1c9f91" class="expand-content">
+    <div id="R-expandcontent-bbda84658f63e5b7cf4127c022193fe8" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -5897,13 +5897,13 @@ No need to press you!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">the</span> <span class="nx">possibilities</span> <span class="nx">are</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">including</span> <span class="nx">other</span> <span class="nx">shortcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-9df4819bac173cf187948ffe1dfdc75a" aria-controls="R-expandcontent-9df4819bac173cf187948ffe1dfdc75a" >
-    <label class="expand-label" for="R-expand-9df4819bac173cf187948ffe1dfdc75a" >
+    <input type="checkbox" id="R-expand-a65dce7bb3e079d13c3e1a7cf3258cf8" aria-controls="R-expandcontent-a65dce7bb3e079d13c3e1a7cf3258cf8" >
+    <label class="expand-label" for="R-expand-a65dce7bb3e079d13c3e1a7cf3258cf8" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="R-expandcontent-9df4819bac173cf187948ffe1dfdc75a" class="expand-content">
+    <div id="R-expandcontent-a65dce7bb3e079d13c3e1a7cf3258cf8" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -5931,13 +5931,13 @@ No need to press you!</div>
 <p>The <code>highlight</code> shortcode renders your code with a syntax highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="10fdf71aa23c41bc3d5a4bf1c0373a4a">
+<div class="tab-panel" data-tab-group="af6a4cca569eaf427b528e70937abec8">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('10fdf71aa23c41bc3d5a4bf1c0373a4a','python')"
+      onclick="switchTab('af6a4cca569eaf427b528e70937abec8','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -6142,13 +6142,13 @@ No need to press you!</div>
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="7bd3c45c3f221e83ecb3d7dc7338b95a">
+<div class="tab-panel" data-tab-group="6d4a39cbeda3ae2fba557b676924333e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7bd3c45c3f221e83ecb3d7dc7338b95a','python')"
+      onclick="switchTab('6d4a39cbeda3ae2fba557b676924333e','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -7627,7 +7627,7 @@ Electricity grid,H2 conversion,27.14
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-6295d6adc14a1d0428f96e4b5782a3f8"
+    id="R-openapi-844985d66daa3d9cbb224c152ca4c8c2"
     data-openapi-url="./shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -7723,13 +7723,13 @@ Electricity grid,H2 conversion,27.14
 <p>To use formatted parameter, add this in your <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="3f77247f712d98f64259fa44f4403bae">
+<div class="tab-panel" data-tab-group="980de837c8dfa6591ed87460311dc204">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('3f77247f712d98f64259fa44f4403bae','configtoml')"
+      onclick="switchTab('980de837c8dfa6591ed87460311dc204','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -7761,13 +7761,13 @@ Electricity grid,H2 conversion,27.14
 <p>This is especially useful if you want to flag your code example with an explicit language.</p>
 <p>If you want multiple tabs grouped together you can wrap your tabs into the <a href="./shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="c928ddd08ec0b19ef08f795efd18cdda">
+<div class="tab-panel" data-tab-group="3a0a5b84dcf80d278a00bc7f529624a6">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c928ddd08ec0b19ef08f795efd18cdda','c')"
+      onclick="switchTab('3a0a5b84dcf80d278a00bc7f529624a6','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -7872,13 +7872,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="a0c7b2e8e73b2d37b9e472c9954bec87">
+<div class="tab-panel" data-tab-group="52d9673425ace3f285692a087c4f2b58">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('a0c7b2e8e73b2d37b9e472c9954bec87','code')"
+      onclick="switchTab('52d9673425ace3f285692a087c4f2b58','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -7900,13 +7900,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="5b2e981e288912cdad691f1c44c114e8">
+<div class="tab-panel" data-tab-group="b52a166d19965395c80ff63a4a2b73d3">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('5b2e981e288912cdad691f1c44c114e8','mixed')"
+      onclick="switchTab('b52a166d19965395c80ff63a4a2b73d3','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -7951,41 +7951,41 @@ Electricity grid,H2 conversion,27.14
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">the</span> <span class="nx">background</span> <span class="nx">to</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">of</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">and</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">icon</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="e18d27f9c087503dd6278cdbd6a7555b">
+<div class="tab-panel" data-tab-group="1adf8c0da6053850ee535526ba32beb0">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just-colored-style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('e18d27f9c087503dd6278cdbd6a7555b','just-colored-style')"
+      onclick="switchTab('1adf8c0da6053850ee535526ba32beb0','just-colored-style')"
     >
       <span class="tab-nav-text">just colored style</span>
     </button>
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('e18d27f9c087503dd6278cdbd6a7555b','just-color')"
+      onclick="switchTab('1adf8c0da6053850ee535526ba32beb0','just-color')"
     >
       <span class="tab-nav-text">just color</span>
     </button>
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('e18d27f9c087503dd6278cdbd6a7555b','default-style-and-color')"
+      onclick="switchTab('1adf8c0da6053850ee535526ba32beb0','default-style-and-color')"
     >
       <span class="tab-nav-text">default style and color</span>
     </button>
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('e18d27f9c087503dd6278cdbd6a7555b','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('1adf8c0da6053850ee535526ba32beb0','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
     </button>
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('e18d27f9c087503dd6278cdbd6a7555b','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('1adf8c0da6053850ee535526ba32beb0','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style and color</span>
     </button>
@@ -8052,27 +8052,27 @@ Electricity grid,H2 conversion,27.14
 <p>This comes in handy eg. for providing code snippets for multiple languages.</p>
 <p>If you just want a single tab you can instead call the <a href="./shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="b63425e973fe6237b8da94296c36f233">
+<div class="tab-panel" data-tab-group="6560d637fb5bed7350bf5631368b3d11">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('b63425e973fe6237b8da94296c36f233','py')"
+      onclick="switchTab('6560d637fb5bed7350bf5631368b3d11','py')"
     >
       <span class="tab-nav-text">py</span>
     </button>
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b63425e973fe6237b8da94296c36f233','sh')"
+      onclick="switchTab('6560d637fb5bed7350bf5631368b3d11','sh')"
     >
       <span class="tab-nav-text">sh</span>
     </button>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b63425e973fe6237b8da94296c36f233','c')"
+      onclick="switchTab('6560d637fb5bed7350bf5631368b3d11','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -8220,27 +8220,27 @@ Electricity grid,H2 conversion,27.14
 <p>See what happens to the tab views while you select different tabs.</p>
 <p>While pressing a tab of Group A switches all tab views of Group A in sync (if the tab is available), the tabs of Group B are left untouched.</p>
 
-<div class="tab-panel" data-tab-group="78a1229152e61781ccb901b6d26adc99">
+<div class="tab-panel" data-tab-group="f53b7a2e34cbeb171b60160dc02b4763">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="group-a-tab-view-1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('78a1229152e61781ccb901b6d26adc99','group-a-tab-view-1')"
+      onclick="switchTab('f53b7a2e34cbeb171b60160dc02b4763','group-a-tab-view-1')"
     >
       <span class="tab-nav-text">Group A, Tab View 1</span>
     </button>
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('78a1229152e61781ccb901b6d26adc99','group-a-tab-view-2')"
+      onclick="switchTab('f53b7a2e34cbeb171b60160dc02b4763','group-a-tab-view-2')"
     >
       <span class="tab-nav-text">Group A, Tab View 2</span>
     </button>
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('78a1229152e61781ccb901b6d26adc99','group-b')"
+      onclick="switchTab('f53b7a2e34cbeb171b60160dc02b4763','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -8597,8 +8597,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="./js/clipboard.min.js?1697038924" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1697038924" defer></script>
+    <script src="./js/clipboard.min.js?1697040177" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1697040177" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -8627,27 +8627,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse( null ) );
     </script>
-    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1697038924"></script>
-    <script src="./js/d3/d3-color.min.js?1697038924" defer></script>
-    <script src="./js/d3/d3-dispatch.min.js?1697038924" defer></script>
-    <script src="./js/d3/d3-drag.min.js?1697038924" defer></script>
-    <script src="./js/d3/d3-ease.min.js?1697038924" defer></script>
-    <script src="./js/d3/d3-interpolate.min.js?1697038924" defer></script>
-    <script src="./js/d3/d3-selection.min.js?1697038924" defer></script>
-    <script src="./js/d3/d3-timer.min.js?1697038924" defer></script>
-    <script src="./js/d3/d3-transition.min.js?1697038924" defer></script>
-    <script src="./js/d3/d3-zoom.min.js?1697038924" defer></script>
-    <script src="./js/js-yaml.min.js?1697038924" defer></script>
-    <script src="./js/mermaid.min.js?1697038924" defer></script>
+    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1697040177"></script>
+    <script src="./js/d3/d3-color.min.js?1697040177" defer></script>
+    <script src="./js/d3/d3-dispatch.min.js?1697040177" defer></script>
+    <script src="./js/d3/d3-drag.min.js?1697040177" defer></script>
+    <script src="./js/d3/d3-ease.min.js?1697040177" defer></script>
+    <script src="./js/d3/d3-interpolate.min.js?1697040177" defer></script>
+    <script src="./js/d3/d3-selection.min.js?1697040177" defer></script>
+    <script src="./js/d3/d3-timer.min.js?1697040177" defer></script>
+    <script src="./js/d3/d3-transition.min.js?1697040177" defer></script>
+    <script src="./js/d3/d3-zoom.min.js?1697040177" defer></script>
+    <script src="./js/js-yaml.min.js?1697040177" defer></script>
+    <script src="./js/mermaid.min.js?1697040177" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse( null );
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="./js/swagger-ui/swagger-ui-bundle.js?1697038924" defer></script>
-    <script src="./js/swagger-ui/swagger-ui-standalone-preset.js?1697038924" defer></script>
+    <script src="./js/swagger-ui/swagger-ui-bundle.js?1697040177" defer></script>
+    <script src="./js/swagger-ui/swagger-ui-standalone-preset.js?1697040177" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1697038924", assetsBuster:  1697038924  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1697040177", assetsBuster:  1697040177  };
     </script>
-    <script src="./js/theme.js?1697038924" defer></script>
+    <script src="./js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/more/credits/index.html b/more/credits/index.html
index 7c7b136859..988c5246e1 100644
--- a/more/credits/index.html
+++ b/more/credits/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Credits :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Credits :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/more/credits/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Credits :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Credits :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/more/credits/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/more/credits/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -282,12 +282,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -444,13 +444,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/more/credits/index.print.html b/more/credits/index.print.html
index 136a17c2f0..aa6f520b7c 100644
--- a/more/credits/index.print.html
+++ b/more/credits/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Credits :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Credits :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/more/credits/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Credits :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Credits :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/more/credits/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/more/credits/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -154,8 +154,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/pir/404.html b/pir/404.html
index 38cb2ba974..b7ff91d8de 100644
--- a/pir/404.html
+++ b/pir/404.html
@@ -7,32 +7,32 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="404 Page not found :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="404 Page not found :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/404.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="404 Page not found :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>404 Page not found :: Cap&#39;n Hugo Relearrrn Theme</title>
     <base href="https://McShelby.github.io/hugo-theme-relearn/">
-    <link href="../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../js/url.js?1697038924"></script>
-    <script src="../js/variant.js?1697038924"></script>
+    <link href="../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../js/url.js?1697040177"></script>
+    <script src="../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 9360ccdaac..1acf293009 100644
--- a/pir/basics/configuration/index.html
+++ b/pir/basics/configuration/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/configuration/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/configuration/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -276,8 +276,8 @@
 <p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file. This will cause Cap'n Hugo t' generate a new file <code>http://example.com/mysite/search.html</code>.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
-<p><a href="#R-image-440f3e2e8337b93ad6d06644c0fbf488" class="lightbox-link"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-440f3e2e8337b93ad6d06644c0fbf488"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-6eb970d3c5b7f2e035272a5f05463584" class="lightbox-link"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-6eb970d3c5b7f2e035272a5f05463584"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 <div class="box notices cstyle note">
   <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
@@ -331,8 +331,8 @@ appearance, ye will have t' configure two parameters fer th' defined languages:<
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params be not configured fer a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
-<p><a href="#R-image-18c9bc9d6e8be9d6fbb1671e39177685" class="lightbox-link"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-18c9bc9d6e8be9d6fbb1671e39177685"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-4610342bb90a15947f54ae5f1a597b24" class="lightbox-link"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4610342bb90a15947f54ae5f1a597b24"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="social-media-meta-tags">Social Media Meta Tags</h2>
 <p>Ye can add social media meta tags fer th' <a href="https://gohugo.io/templates/internal/#open-graph" target="_blank">Open Graph</a> an' <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> t' yer ship. These be configured as mentioned 'n th' Cap'n Hugo docs.</p>
 
@@ -425,12 +425,12 @@ default values:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038926" defer></script>
-        <script src="../../../js/search.js?1697038926" defer></script>
+        <script src="../../../js/auto-complete.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040178" defer></script>
+        <script src="../../../js/search.js?1697040178" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -587,13 +587,13 @@ default values:</p>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038926"></script>
+          <script async src="../../../js/github-buttons.js?1697040178"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038926" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038926" defer></script>
-    <script src="../../../js/theme.js?1697038926" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040178" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040178" defer></script>
+    <script src="../../../js/theme.js?1697040178" defer></script>
   </body>
 </html>
diff --git a/pir/basics/configuration/index.print.html b/pir/basics/configuration/index.print.html
index ac3563df1a..dbe32868d4 100644
--- a/pir/basics/configuration/index.print.html
+++ b/pir/basics/configuration/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/configuration/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/configuration/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -212,8 +212,8 @@
 <p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file. This will cause Cap'n Hugo t' generate a new file <code>http://example.com/mysite/search.html</code>.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
-<p><a href="#R-image-440f3e2e8337b93ad6d06644c0fbf488" class="lightbox-link"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-440f3e2e8337b93ad6d06644c0fbf488"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-6eb970d3c5b7f2e035272a5f05463584" class="lightbox-link"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-6eb970d3c5b7f2e035272a5f05463584"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 <div class="box notices cstyle note">
   <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
@@ -267,8 +267,8 @@ appearance, ye will have t' configure two parameters fer th' defined languages:<
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params be not configured fer a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
-<p><a href="#R-image-18c9bc9d6e8be9d6fbb1671e39177685" class="lightbox-link"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-18c9bc9d6e8be9d6fbb1671e39177685"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-4610342bb90a15947f54ae5f1a597b24" class="lightbox-link"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4610342bb90a15947f54ae5f1a597b24"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="social-media-meta-tags">Social Media Meta Tags</h2>
 <p>Ye can add social media meta tags fer th' <a href="https://gohugo.io/templates/internal/#open-graph" target="_blank">Open Graph</a> an' <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> t' yer ship. These be configured as mentioned 'n th' Cap'n Hugo docs.</p>
 
@@ -280,8 +280,8 @@ default values:</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.html b/pir/basics/customization/index.html
index 8cd948c991..d99f44ac5f 100644
--- a/pir/basics/customization/index.html
+++ b/pir/basics/customization/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/customization/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/customization/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -395,12 +395,12 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038926" defer></script>
-        <script src="../../../js/search.js?1697038926" defer></script>
+        <script src="../../../js/auto-complete.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040178" defer></script>
+        <script src="../../../js/search.js?1697040178" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -557,13 +557,13 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038926"></script>
+          <script async src="../../../js/github-buttons.js?1697040178"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038926" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038926" defer></script>
-    <script src="../../../js/theme.js?1697038926" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040178" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040178" defer></script>
+    <script src="../../../js/theme.js?1697040178" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.print.html b/pir/basics/customization/index.print.html
index 460464f7ab..0d388306b6 100644
--- a/pir/basics/customization/index.print.html
+++ b/pir/basics/customization/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/customization/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/customization/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -257,8 +257,8 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.html b/pir/basics/generator/index.html
index 40e31f5de5..1672523b98 100644
--- a/pir/basics/generator/index.html
+++ b/pir/basics/generator/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/generator/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/generator/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -135,13 +135,13 @@
 <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-abf6a54b3de5cb2cec6759cadac67e8b" aria-controls="R-expandcontent-abf6a54b3de5cb2cec6759cadac67e8b" >
-    <label class="expand-label" for="R-expand-abf6a54b3de5cb2cec6759cadac67e8b" >
+    <input type="checkbox" id="R-expand-62a9d66f17d6bb6ab87807266e110448" aria-controls="R-expandcontent-62a9d66f17d6bb6ab87807266e110448" >
+    <label class="expand-label" for="R-expand-62a9d66f17d6bb6ab87807266e110448" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="R-expandcontent-abf6a54b3de5cb2cec6759cadac67e8b" class="expand-content">
+    <div id="R-expandcontent-62a9d66f17d6bb6ab87807266e110448" class="expand-content">
 
 <p>T' get started, first select a color variant from th' variant switch 'n th' lower left sidebar that fits ye best as a start'n point.</p>
 <p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph <strong>an' th' plank</strong> will update accordingly.</p>
@@ -280,12 +280,12 @@ window.variants && variants.generator( '#R-vargenerator' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038926" defer></script>
-        <script src="../../../js/search.js?1697038926" defer></script>
+        <script src="../../../js/auto-complete.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040178" defer></script>
+        <script src="../../../js/search.js?1697040178" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -442,27 +442,27 @@ window.variants && variants.generator( '#R-vargenerator' );
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038926"></script>
+          <script async src="../../../js/github-buttons.js?1697040178"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038926" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038926" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1697038926" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1697038926" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1697038926" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1697038926" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1697038926" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1697038926" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1697038926" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1697038926" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1697038926" defer></script>
-    <script src="../../../js/js-yaml.min.js?1697038926" defer></script>
-    <script src="../../../js/mermaid.min.js?1697038926" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040178" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040178" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1697040178" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1697040178" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1697040178" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1697040178" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1697040178" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1697040178" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1697040178" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1697040178" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1697040178" defer></script>
+    <script src="../../../js/js-yaml.min.js?1697040178" defer></script>
+    <script src="../../../js/mermaid.min.js?1697040178" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse( null );
     </script>
-    <script src="../../../js/theme.js?1697038926" defer></script>
+    <script src="../../../js/theme.js?1697040178" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.print.html b/pir/basics/generator/index.print.html
index c73d4bf981..39c903aa85 100644
--- a/pir/basics/generator/index.print.html
+++ b/pir/basics/generator/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/generator/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/generator/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-abf6a54b3de5cb2cec6759cadac67e8b" aria-controls="R-expandcontent-abf6a54b3de5cb2cec6759cadac67e8b" >
-    <label class="expand-label" for="R-expand-abf6a54b3de5cb2cec6759cadac67e8b" >
+    <input type="checkbox" id="R-expand-62a9d66f17d6bb6ab87807266e110448" aria-controls="R-expandcontent-62a9d66f17d6bb6ab87807266e110448" >
+    <label class="expand-label" for="R-expand-62a9d66f17d6bb6ab87807266e110448" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="R-expandcontent-abf6a54b3de5cb2cec6759cadac67e8b" class="expand-content">
+    <div id="R-expandcontent-62a9d66f17d6bb6ab87807266e110448" class="expand-content">
 
 <p>T' get started, first select a color variant from th' variant switch 'n th' lower left sidebar that fits ye best as a start'n point.</p>
 <p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph <strong>an' th' plank</strong> will update accordingly.</p>
@@ -160,22 +160,22 @@ window.variants && variants.generator( '#R-vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1697038927" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1697038927" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1697038927" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1697038927" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1697038927" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1697038927" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1697038927" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1697038927" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1697038927" defer></script>
-    <script src="../../../js/js-yaml.min.js?1697038927" defer></script>
-    <script src="../../../js/mermaid.min.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1697040180" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1697040180" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1697040180" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1697040180" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1697040180" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1697040180" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1697040180" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1697040180" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1697040180" defer></script>
+    <script src="../../../js/js-yaml.min.js?1697040180" defer></script>
+    <script src="../../../js/mermaid.min.js?1697040180" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse( null );
     </script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.html b/pir/basics/history/index.html
index 11d20d008a..6462757e0d 100644
--- a/pir/basics/history/index.html
+++ b/pir/basics/history/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Historrry :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/history/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/history/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -2182,12 +2182,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038926" defer></script>
-        <script src="../../../js/search.js?1697038926" defer></script>
+        <script src="../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -2344,13 +2344,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038926"></script>
+          <script async src="../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038926" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038926" defer></script>
-    <script src="../../../js/theme.js?1697038926" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.print.html b/pir/basics/history/index.print.html
index dc1137331d..3c735153d6 100644
--- a/pir/basics/history/index.print.html
+++ b/pir/basics/history/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Historrry :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/history/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/history/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1372,8 +1372,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.html b/pir/basics/index.html
index 972afa1945..5db1500c30 100644
--- a/pir/basics/index.html
+++ b/pir/basics/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Basics :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Basics :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Basics :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Basics :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -223,12 +223,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038925" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038925" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038925" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038925" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038925" defer></script>
-        <script src="../../js/search.js?1697038925" defer></script>
+        <script src="../../js/auto-complete.js?1697040178" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040178" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040178" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040178" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040178" defer></script>
+        <script src="../../js/search.js?1697040178" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -385,13 +385,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038925"></script>
+          <script async src="../../js/github-buttons.js?1697040178"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038925" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038925" defer></script>
-    <script src="../../js/theme.js?1697038925" defer></script>
+    <script src="../../js/clipboard.min.js?1697040178" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040178" defer></script>
+    <script src="../../js/theme.js?1697040178" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.print.html b/pir/basics/index.print.html
index 2278e13e34..f7855c0459 100644
--- a/pir/basics/index.print.html
+++ b/pir/basics/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Basics :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Basics :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Basics :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Basics :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../js/url.js?1697038927"></script>
-    <script src="../../js/variant.js?1697038927"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../js/url.js?1697040179"></script>
+    <script src="../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -916,8 +916,8 @@
 
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
-<p><a href="#R-image-aa3d86aecb1d955e79f2e010cbe83278" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-aa3d86aecb1d955e79f2e010cbe83278"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-7b3da77ac706aeeacc90105d39bd0998" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-7b3da77ac706aeeacc90105d39bd0998"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -967,8 +967,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#R-image-054131b8e54306cd9f6e9f8965f10f84" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-054131b8e54306cd9f6e9f8965f10f84"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-6fee6db20ac6d441a434ce0178031fbe" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-6fee6db20ac6d441a434ce0178031fbe"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
 <p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p>
@@ -1127,8 +1127,8 @@
 <p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file. This will cause Cap'n Hugo t' generate a new file <code>http://example.com/mysite/search.html</code>.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
-<p><a href="#R-image-440f3e2e8337b93ad6d06644c0fbf488" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-440f3e2e8337b93ad6d06644c0fbf488"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-6eb970d3c5b7f2e035272a5f05463584" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-6eb970d3c5b7f2e035272a5f05463584"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 <div class="box notices cstyle note">
   <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
@@ -1182,8 +1182,8 @@ appearance, ye will have t' configure two parameters fer th' defined languages:<
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params be not configured fer a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
-<p><a href="#R-image-18c9bc9d6e8be9d6fbb1671e39177685" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-18c9bc9d6e8be9d6fbb1671e39177685"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-4610342bb90a15947f54ae5f1a597b24" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4610342bb90a15947f54ae5f1a597b24"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="social-media-meta-tags">Social Media Meta Tags</h2>
 <p>Ye can add social media meta tags fer th' <a href="https://gohugo.io/templates/internal/#open-graph" target="_blank">Open Graph</a> an' <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> t' yer ship. These be configured as mentioned 'n th' Cap'n Hugo docs.</p>
 
@@ -1368,13 +1368,13 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
 <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-abf6a54b3de5cb2cec6759cadac67e8b" aria-controls="R-expandcontent-abf6a54b3de5cb2cec6759cadac67e8b" >
-    <label class="expand-label" for="R-expand-abf6a54b3de5cb2cec6759cadac67e8b" >
+    <input type="checkbox" id="R-expand-62a9d66f17d6bb6ab87807266e110448" aria-controls="R-expandcontent-62a9d66f17d6bb6ab87807266e110448" >
+    <label class="expand-label" for="R-expand-62a9d66f17d6bb6ab87807266e110448" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="R-expandcontent-abf6a54b3de5cb2cec6759cadac67e8b" class="expand-content">
+    <div id="R-expandcontent-62a9d66f17d6bb6ab87807266e110448" class="expand-content">
 
 <p>T' get started, first select a color variant from th' variant switch 'n th' lower left sidebar that fits ye best as a start'n point.</p>
 <p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph <strong>an' th' plank</strong> will update accordingly.</p>
@@ -1436,8 +1436,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 
 
 <p>Th' theme comes wit' a reasonably configured topbar.</p>
-<p><a href="#R-image-6c8efb1027d63069d64920ba52c0e9d5" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-6c8efb1027d63069d64920ba52c0e9d5"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-ca92237e2011baa1dc4aea5593706636" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-ca92237e2011baa1dc4aea5593706636"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Nevertheless, yer requirements may differ from this configurat'n. Luckily th' theme got ye covered as th' themebar, its buttons an' th' functionality behind these buttons be fully configur'ble by ye.</p>
 
 <div class="box notices cstyle tip">
@@ -1449,8 +1449,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 </div>
 <h2 id="areas">Areas</h2>
 <p>Th' default configurat'n comes wit' three predefined areas that may contain an arbitrary set o' buttons.</p>
-<p><a href="#R-image-11e8428ca2135499d6f89c64a675eef3" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-11e8428ca2135499d6f89c64a675eef3"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-9e8e4b046e353c00626f7f0f405c704c" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-9e8e4b046e353c00626f7f0f405c704c"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <ul>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu an' breadcrumb</li>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on th' opposite breadcrumb side 'n comparison t' th' <em>start</em> area</li>
@@ -3052,22 +3052,22 @@ window.variants && variants.generator( '#R-vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1697038927" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1697038927" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1697038927" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1697038927" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1697038927" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1697038927" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1697038927" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1697038927" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1697038927" defer></script>
-    <script src="../../js/js-yaml.min.js?1697038927" defer></script>
-    <script src="../../js/mermaid.min.js?1697038927" defer></script>
+    <script src="../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1697040180" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1697040180" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1697040180" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1697040180" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1697040180" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1697040180" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1697040180" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1697040180" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1697040180" defer></script>
+    <script src="../../js/js-yaml.min.js?1697040180" defer></script>
+    <script src="../../js/mermaid.min.js?1697040180" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse( null );
     </script>
-    <script src="../../js/theme.js?1697038927" defer></script>
+    <script src="../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.html b/pir/basics/installation/index.html
index fcb8fdc2b4..b95faee988 100644
--- a/pir/basics/installation/index.html
+++ b/pir/basics/installation/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/installation/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/installation/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -178,8 +178,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#R-image-054131b8e54306cd9f6e9f8965f10f84" class="lightbox-link"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-054131b8e54306cd9f6e9f8965f10f84"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-6fee6db20ac6d441a434ce0178031fbe" class="lightbox-link"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-6fee6db20ac6d441a434ce0178031fbe"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
 <p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p>
@@ -297,12 +297,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038926" defer></script>
-        <script src="../../../js/search.js?1697038926" defer></script>
+        <script src="../../../js/auto-complete.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040178" defer></script>
+        <script src="../../../js/search.js?1697040178" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -459,13 +459,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038926"></script>
+          <script async src="../../../js/github-buttons.js?1697040178"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038926" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038926" defer></script>
-    <script src="../../../js/theme.js?1697038926" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040178" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040178" defer></script>
+    <script src="../../../js/theme.js?1697040178" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.print.html b/pir/basics/installation/index.print.html
index 76a997d469..d88657bda6 100644
--- a/pir/basics/installation/index.print.html
+++ b/pir/basics/installation/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/installation/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/installation/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -124,8 +124,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#R-image-054131b8e54306cd9f6e9f8965f10f84" class="lightbox-link"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-054131b8e54306cd9f6e9f8965f10f84"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-6fee6db20ac6d441a434ce0178031fbe" class="lightbox-link"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-6fee6db20ac6d441a434ce0178031fbe"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
 <p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p>
@@ -162,8 +162,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.html b/pir/basics/migration/index.html
index a74e0c276f..820263613b 100644
--- a/pir/basics/migration/index.html
+++ b/pir/basics/migration/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/migration/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/migration/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1065,12 +1065,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038926" defer></script>
-        <script src="../../../js/search.js?1697038926" defer></script>
+        <script src="../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1227,13 +1227,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038926"></script>
+          <script async src="../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038926" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038926" defer></script>
-    <script src="../../../js/theme.js?1697038926" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.print.html b/pir/basics/migration/index.print.html
index da8785ef60..fabce772e2 100644
--- a/pir/basics/migration/index.print.html
+++ b/pir/basics/migration/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/migration/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/migration/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -896,8 +896,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.html b/pir/basics/requirements/index.html
index d9033512a0..e229b511d8 100644
--- a/pir/basics/requirements/index.html
+++ b/pir/basics/requirements/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Requirrrements :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/requirements/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/requirements/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -125,8 +125,8 @@
 
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
-<p><a href="#R-image-aa3d86aecb1d955e79f2e010cbe83278" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-aa3d86aecb1d955e79f2e010cbe83278"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-7b3da77ac706aeeacc90105d39bd0998" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-7b3da77ac706aeeacc90105d39bd0998"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -223,12 +223,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038926" defer></script>
-        <script src="../../../js/search.js?1697038926" defer></script>
+        <script src="../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -385,13 +385,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038926"></script>
+          <script async src="../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038926" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038926" defer></script>
-    <script src="../../../js/theme.js?1697038926" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.print.html b/pir/basics/requirements/index.print.html
index 2eb9cfd04b..9a63604bcf 100644
--- a/pir/basics/requirements/index.print.html
+++ b/pir/basics/requirements/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Requirrrements :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/requirements/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/requirements/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -95,8 +95,8 @@
 
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
-<p><a href="#R-image-aa3d86aecb1d955e79f2e010cbe83278" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-aa3d86aecb1d955e79f2e010cbe83278"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-7b3da77ac706aeeacc90105d39bd0998" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-7b3da77ac706aeeacc90105d39bd0998"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -112,8 +112,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/basics/topbar/index.html b/pir/basics/topbar/index.html
index 31fd37e6e5..11caf35acb 100644
--- a/pir/basics/topbar/index.html
+++ b/pir/basics/topbar/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/topbar/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/topbar/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/topbar/index.xml" rel="alternate" type="application/rss+xml" title="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/topbar/index.print.html" rel="alternate" type="text/html" title="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -154,8 +154,8 @@
 
 
 <p>Th' theme comes wit' a reasonably configured topbar.</p>
-<p><a href="#R-image-6c8efb1027d63069d64920ba52c0e9d5" class="lightbox-link"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-6c8efb1027d63069d64920ba52c0e9d5"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-ca92237e2011baa1dc4aea5593706636" class="lightbox-link"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-ca92237e2011baa1dc4aea5593706636"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Nevertheless, yer requirements may differ from this configurat'n. Luckily th' theme got ye covered as th' themebar, its buttons an' th' functionality behind these buttons be fully configur'ble by ye.</p>
 
 <div class="box notices cstyle tip">
@@ -167,8 +167,8 @@
 </div>
 <h2 id="areas">Areas</h2>
 <p>Th' default configurat'n comes wit' three predefined areas that may contain an arbitrary set o' buttons.</p>
-<p><a href="#R-image-11e8428ca2135499d6f89c64a675eef3" class="lightbox-link"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-11e8428ca2135499d6f89c64a675eef3"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-9e8e4b046e353c00626f7f0f405c704c" class="lightbox-link"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-9e8e4b046e353c00626f7f0f405c704c"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <ul>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu an' breadcrumb</li>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on th' opposite breadcrumb side 'n comparison t' th' <em>start</em> area</li>
@@ -568,12 +568,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038926" defer></script>
-        <script src="../../../js/search.js?1697038926" defer></script>
+        <script src="../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -730,13 +730,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038926"></script>
+          <script async src="../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038926" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038926" defer></script>
-    <script src="../../../js/theme.js?1697038926" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/basics/topbar/index.print.html b/pir/basics/topbar/index.print.html
index aad40fd573..aff439c0c3 100644
--- a/pir/basics/topbar/index.print.html
+++ b/pir/basics/topbar/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/topbar/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/topbar/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="canonical" type="text/html" title="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/topbar/index.xml" rel="alternate" type="application/rss+xml" title="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -94,8 +94,8 @@
 
 
 <p>Th' theme comes wit' a reasonably configured topbar.</p>
-<p><a href="#R-image-6c8efb1027d63069d64920ba52c0e9d5" class="lightbox-link"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-6c8efb1027d63069d64920ba52c0e9d5"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-ca92237e2011baa1dc4aea5593706636" class="lightbox-link"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-ca92237e2011baa1dc4aea5593706636"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Nevertheless, yer requirements may differ from this configurat'n. Luckily th' theme got ye covered as th' themebar, its buttons an' th' functionality behind these buttons be fully configur'ble by ye.</p>
 
 <div class="box notices cstyle tip">
@@ -107,8 +107,8 @@
 </div>
 <h2 id="areas">Areas</h2>
 <p>Th' default configurat'n comes wit' three predefined areas that may contain an arbitrary set o' buttons.</p>
-<p><a href="#R-image-11e8428ca2135499d6f89c64a675eef3" class="lightbox-link"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-11e8428ca2135499d6f89c64a675eef3"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-9e8e4b046e353c00626f7f0f405c704c" class="lightbox-link"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-9e8e4b046e353c00626f7f0f405c704c"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <ul>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu an' breadcrumb</li>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on th' opposite breadcrumb side 'n comparison t' th' <em>start</em> area</li>
@@ -427,8 +427,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/categories/basic/index.html b/pir/categories/basic/index.html
index f81a4f7b68..c4e358d958 100644
--- a/pir/categories/basic/index.html
+++ b/pir/categories/basic/index.html
@@ -7,35 +7,35 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="basic :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="basic :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/categories/basic/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="basic :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>basic :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/basic/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/basic/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/basic/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/categories/basic/index.xml" rel="alternate" type="application/rss+xml" title="basic :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -210,12 +210,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038927" defer></script>
-        <script src="../../../js/search.js?1697038927" defer></script>
+        <script src="../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -372,13 +372,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038927"></script>
+          <script async src="../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/categories/content/index.html b/pir/categories/content/index.html
index 73f93ded6c..a746fd7379 100644
--- a/pir/categories/content/index.html
+++ b/pir/categories/content/index.html
@@ -7,35 +7,35 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="content :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="content :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/categories/content/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="content :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>content :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/content/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/content/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/content/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/categories/content/index.xml" rel="alternate" type="application/rss+xml" title="content :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -210,12 +210,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038927" defer></script>
-        <script src="../../../js/search.js?1697038927" defer></script>
+        <script src="../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -372,13 +372,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038927"></script>
+          <script async src="../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/categories/custom/index.html b/pir/categories/custom/index.html
index 0a6d6716b1..1ed4e3fdd7 100644
--- a/pir/categories/custom/index.html
+++ b/pir/categories/custom/index.html
@@ -7,35 +7,35 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="custom :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="custom :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/categories/custom/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="custom :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>custom :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/custom/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/custom/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/custom/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/categories/custom/index.xml" rel="alternate" type="application/rss+xml" title="custom :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -210,12 +210,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038927" defer></script>
-        <script src="../../../js/search.js?1697038927" defer></script>
+        <script src="../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -372,13 +372,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038927"></script>
+          <script async src="../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/categories/index.html b/pir/categories/index.html
index c9c801ea80..604a93b2c4 100644
--- a/pir/categories/index.html
+++ b/pir/categories/index.html
@@ -7,35 +7,35 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Categorrries :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Categorrries :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/categories/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Categorrries :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Categorrries :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/index.html" rel="alternate" hreflang="pir">
     <link href="../../pir/categories/index.xml" rel="alternate" type="application/rss+xml" title="Categorrries :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1697038927" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038927" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038927" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038927" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038927" defer></script>
-        <script src="../../js/search.js?1697038927" defer></script>
+        <script src="../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -389,13 +389,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038927"></script>
+          <script async src="../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../js/theme.js?1697038927" defer></script>
+    <script src="../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/categories/taxonomy/index.html b/pir/categories/taxonomy/index.html
index 022cc75107..4aa0952567 100644
--- a/pir/categories/taxonomy/index.html
+++ b/pir/categories/taxonomy/index.html
@@ -7,35 +7,35 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="taxonomy :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="taxonomy :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/categories/taxonomy/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="taxonomy :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>taxonomy :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/taxonomy/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/taxonomy/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/categories/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="taxonomy :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -210,12 +210,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038927" defer></script>
-        <script src="../../../js/search.js?1697038927" defer></script>
+        <script src="../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -372,13 +372,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038927"></script>
+          <script async src="../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/categories/theming/index.html b/pir/categories/theming/index.html
index e5a2d01c2f..b37777dda6 100644
--- a/pir/categories/theming/index.html
+++ b/pir/categories/theming/index.html
@@ -7,35 +7,35 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="theming :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="theming :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/categories/theming/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="theming :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>theming :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/theming/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/theming/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/theming/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/categories/theming/index.xml" rel="alternate" type="application/rss+xml" title="theming :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -211,12 +211,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038927" defer></script>
-        <script src="../../../js/search.js?1697038927" defer></script>
+        <script src="../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -373,13 +373,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038927"></script>
+          <script async src="../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.html b/pir/cont/archetypes/index.html
index 3b97be1009..4cf5a2edc0 100644
--- a/pir/cont/archetypes/index.html
+++ b/pir/cont/archetypes/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/archetypes/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/archetypes/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -154,8 +154,8 @@
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
-<p><a href="#R-image-d7e4e8b21a014f4fe35e71becf1634ef" class="lightbox-link"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d7e4e8b21a014f4fe35e71becf1634ef"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c3b1779e31d031dfe6cf371140f0c7bb" class="lightbox-link"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c3b1779e31d031dfe6cf371140f0c7bb"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a home plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -165,8 +165,8 @@
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
-<p><a href="#R-image-0f36a567ac4b6e40ecf089e92afb2623" class="lightbox-link"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0f36a567ac4b6e40ecf089e92afb2623"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-dfac4c9e20314dc6d76b88b1c11a95c7" class="lightbox-link"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-dfac4c9e20314dc6d76b88b1c11a95c7"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -178,8 +178,8 @@
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace th' <code>X</code> wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
-<p><a href="#R-image-67c3b13474e363d03f61a4c39c3eef2d" class="lightbox-link"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-67c3b13474e363d03f61a4c39c3eef2d"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-37d8950729b204034630f14be63b76c3" class="lightbox-link"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-37d8950729b204034630f14be63b76c3"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
@@ -312,12 +312,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038926" defer></script>
-        <script src="../../../js/search.js?1697038926" defer></script>
+        <script src="../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -474,13 +474,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038926"></script>
+          <script async src="../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038926" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038926" defer></script>
-    <script src="../../../js/theme.js?1697038926" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.print.html b/pir/cont/archetypes/index.print.html
index 87ef6447dc..25818c8140 100644
--- a/pir/cont/archetypes/index.print.html
+++ b/pir/cont/archetypes/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/archetypes/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/archetypes/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -98,8 +98,8 @@
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
-<p><a href="#R-image-d7e4e8b21a014f4fe35e71becf1634ef" class="lightbox-link"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d7e4e8b21a014f4fe35e71becf1634ef"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c3b1779e31d031dfe6cf371140f0c7bb" class="lightbox-link"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c3b1779e31d031dfe6cf371140f0c7bb"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a home plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -109,8 +109,8 @@
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
-<p><a href="#R-image-0f36a567ac4b6e40ecf089e92afb2623" class="lightbox-link"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0f36a567ac4b6e40ecf089e92afb2623"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-dfac4c9e20314dc6d76b88b1c11a95c7" class="lightbox-link"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-dfac4c9e20314dc6d76b88b1c11a95c7"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -122,8 +122,8 @@
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace th' <code>X</code> wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
-<p><a href="#R-image-67c3b13474e363d03f61a4c39c3eef2d" class="lightbox-link"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-67c3b13474e363d03f61a4c39c3eef2d"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-37d8950729b204034630f14be63b76c3" class="lightbox-link"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-37d8950729b204034630f14be63b76c3"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
@@ -175,8 +175,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.html b/pir/cont/i18n/index.html
index 3a1dde96da..15a797ba57 100644
--- a/pir/cont/i18n/index.html
+++ b/pir/cont/i18n/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/i18n/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/i18n/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -151,8 +151,8 @@
 <li>Automatic menu generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
-<p><a href="#R-image-5e2a48510c4f1b48113a7294675342af" class="lightbox-link"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5e2a48510c4f1b48113a7294675342af"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-b9143eda10b4cadc0ddcf02353cdcd17" class="lightbox-link"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-b9143eda10b4cadc0ddcf02353cdcd17"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <p>Aft learn'n <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Cap'n Hugo handle multilingual websites</a>, define yer languages 'n yer <code>config.toml</code> file.</p>
 <p>For example wit' current English an' Piratized English website.</p>
@@ -334,12 +334,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?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038926" defer></script>
-        <script src="../../../js/search.js?1697038926" defer></script>
+        <script src="../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -496,13 +496,13 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038926"></script>
+          <script async src="../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038926" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038926" defer></script>
-    <script src="../../../js/theme.js?1697038926" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.print.html b/pir/cont/i18n/index.print.html
index 844747f5db..ccd979e4f8 100644
--- a/pir/cont/i18n/index.print.html
+++ b/pir/cont/i18n/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/i18n/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/i18n/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <li>Automatic menu generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
-<p><a href="#R-image-5e2a48510c4f1b48113a7294675342af" class="lightbox-link"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5e2a48510c4f1b48113a7294675342af"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-b9143eda10b4cadc0ddcf02353cdcd17" class="lightbox-link"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-b9143eda10b4cadc0ddcf02353cdcd17"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <p>Aft learn'n <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Cap'n Hugo handle multilingual websites</a>, define yer languages 'n yer <code>config.toml</code> file.</p>
 <p>For example wit' current English an' Piratized English website.</p>
@@ -202,8 +202,8 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/cont/imageeffects/index.html b/pir/cont/imageeffects/index.html
index 8054b50972..8b36a00220 100644
--- a/pir/cont/imageeffects/index.html
+++ b/pir/cont/imageeffects/index.html
@@ -7,6 +7,14 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Th&#39; theme supports non-standard image effects.
+As described, ye can add this t&#39; th&#39; URL query parameter, but this may be cumbersome t&#39; do it consistently fer th&#39; whole plank.
+Instead, ye can configure th&#39; defaults &#39;n yer config.toml aswell as overrid&#39;n these default &#39;n th&#39; planks frontmatter.
+Explicitly set URL query parameter will override th&#39; defaults &#39;n effect fer a plank.
+Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
     <meta property="og:title" content="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Th&#39; theme supports non-standard image effects.
 As described, ye can add this t&#39; th&#39; URL query parameter, but this may be cumbersome t&#39; do it consistently fer th&#39; whole plank.
@@ -18,34 +26,26 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Th&#39; theme supports non-standard image effects.
-As described, ye can add this t&#39; th&#39; URL query parameter, but this may be cumbersome t&#39; do it consistently fer th&#39; whole plank.
-Instead, ye can configure th&#39; defaults &#39;n yer config.toml aswell as overrid&#39;n these default &#39;n th&#39; planks frontmatter.
-Explicitly set URL query parameter will override th&#39; defaults &#39;n effect fer a plank.
-Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
     <title>Image Effects :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/imageeffects/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/imageeffects/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/imageeffects/index.print.html" rel="alternate" type="text/html" title="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -153,13 +153,13 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
 <p>Without any sett'ns 'n yer <code>config.toml</code> this defaults t'</p>
 
   
-<div class="tab-panel" data-tab-group="013609587b81b3964732a5bf113304a9">
+<div class="tab-panel" data-tab-group="3378f2e7c9c167d2c12b93361062697b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('013609587b81b3964732a5bf113304a9','configtoml')"
+      onclick="switchTab('3378f2e7c9c167d2c12b93361062697b','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -180,13 +180,13 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
 </div><p>This can be overridden 'n a planks frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="d9f54e17a83bad83904deb561ff59ff2">
+<div class="tab-panel" data-tab-group="a0770e1c26142eca3ab5cd6693ef57c3">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d9f54e17a83bad83904deb561ff59ff2','frontmatter')"
+      onclick="switchTab('a0770e1c26142eca3ab5cd6693ef57c3','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -206,13 +206,13 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
 </div><p>Or by explicitly override sett'ns by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="4ebee542eec7930b2c5df1ed1544789c">
+<div class="tab-panel" data-tab-group="e61d8a1a106ea947d3a339e79ac105b2">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('4ebee542eec7930b2c5df1ed1544789c','url')"
+      onclick="switchTab('e61d8a1a106ea947d3a339e79ac105b2','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -229,13 +229,13 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
 </div><p>Th' sett'ns applied t' th' above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="9280b9ada15bc1b1cdf349e3bd92d8be">
+<div class="tab-panel" data-tab-group="cabcb3810801c16eabfe3f98b81d2a8e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('9280b9ada15bc1b1cdf349e3bd92d8be','result')"
+      onclick="switchTab('cabcb3810801c16eabfe3f98b81d2a8e','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -255,13 +255,13 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
 </div><p>This ends up 'n th' follow'n HTML whar' th' parameter be converted t' CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="e9efb8f01c4bf837bc7d51f5ff775478">
+<div class="tab-panel" data-tab-group="7134cf1b4ff2c3da004cb7d07d1c39a8">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('e9efb8f01c4bf837bc7d51f5ff775478','html')"
+      onclick="switchTab('7134cf1b4ff2c3da004cb7d07d1c39a8','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -375,12 +375,12 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../../../js/search.js?1697038924" defer></script>
+        <script src="../../../js/auto-complete.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../../../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -537,13 +537,13 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038924"></script>
+          <script async src="../../../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../../js/theme.js?1697038924" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/pir/cont/imageeffects/index.print.html b/pir/cont/imageeffects/index.print.html
index c2a8449a44..2a45583210 100644
--- a/pir/cont/imageeffects/index.print.html
+++ b/pir/cont/imageeffects/index.print.html
@@ -7,6 +7,14 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Th&#39; theme supports non-standard image effects.
+As described, ye can add this t&#39; th&#39; URL query parameter, but this may be cumbersome t&#39; do it consistently fer th&#39; whole plank.
+Instead, ye can configure th&#39; defaults &#39;n yer config.toml aswell as overrid&#39;n these default &#39;n th&#39; planks frontmatter.
+Explicitly set URL query parameter will override th&#39; defaults &#39;n effect fer a plank.
+Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
     <meta property="og:title" content="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Th&#39; theme supports non-standard image effects.
 As described, ye can add this t&#39; th&#39; URL query parameter, but this may be cumbersome t&#39; do it consistently fer th&#39; whole plank.
@@ -18,35 +26,27 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Th&#39; theme supports non-standard image effects.
-As described, ye can add this t&#39; th&#39; URL query parameter, but this may be cumbersome t&#39; do it consistently fer th&#39; whole plank.
-Instead, ye can configure th&#39; defaults &#39;n yer config.toml aswell as overrid&#39;n these default &#39;n th&#39; planks frontmatter.
-Explicitly set URL query parameter will override th&#39; defaults &#39;n effect fer a plank.
-Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
     <title>Image Effects :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/imageeffects/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/imageeffects/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="canonical" type="text/html" title="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -109,13 +109,13 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
 <p>Without any sett'ns 'n yer <code>config.toml</code> this defaults t'</p>
 
   
-<div class="tab-panel" data-tab-group="013609587b81b3964732a5bf113304a9">
+<div class="tab-panel" data-tab-group="3378f2e7c9c167d2c12b93361062697b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('013609587b81b3964732a5bf113304a9','configtoml')"
+      onclick="switchTab('3378f2e7c9c167d2c12b93361062697b','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -136,13 +136,13 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
 </div><p>This can be overridden 'n a planks frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="d9f54e17a83bad83904deb561ff59ff2">
+<div class="tab-panel" data-tab-group="a0770e1c26142eca3ab5cd6693ef57c3">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d9f54e17a83bad83904deb561ff59ff2','frontmatter')"
+      onclick="switchTab('a0770e1c26142eca3ab5cd6693ef57c3','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -162,13 +162,13 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
 </div><p>Or by explicitly override sett'ns by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="4ebee542eec7930b2c5df1ed1544789c">
+<div class="tab-panel" data-tab-group="e61d8a1a106ea947d3a339e79ac105b2">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('4ebee542eec7930b2c5df1ed1544789c','url')"
+      onclick="switchTab('e61d8a1a106ea947d3a339e79ac105b2','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -185,13 +185,13 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
 </div><p>Th' sett'ns applied t' th' above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="9280b9ada15bc1b1cdf349e3bd92d8be">
+<div class="tab-panel" data-tab-group="cabcb3810801c16eabfe3f98b81d2a8e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('9280b9ada15bc1b1cdf349e3bd92d8be','result')"
+      onclick="switchTab('cabcb3810801c16eabfe3f98b81d2a8e','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -211,13 +211,13 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
 </div><p>This ends up 'n th' follow'n HTML whar' th' parameter be converted t' CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="e9efb8f01c4bf837bc7d51f5ff775478">
+<div class="tab-panel" data-tab-group="7134cf1b4ff2c3da004cb7d07d1c39a8">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('e9efb8f01c4bf837bc7d51f5ff775478','html')"
+      onclick="switchTab('7134cf1b4ff2c3da004cb7d07d1c39a8','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -250,8 +250,8 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.html b/pir/cont/index.html
index 61142757ce..f07b55ecee 100644
--- a/pir/cont/index.html
+++ b/pir/cont/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -223,12 +223,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038926" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038926" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038926" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038926" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038926" defer></script>
-        <script src="../../js/search.js?1697038926" defer></script>
+        <script src="../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -385,13 +385,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038926"></script>
+          <script async src="../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038926" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038926" defer></script>
-    <script src="../../js/theme.js?1697038926" defer></script>
+    <script src="../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.print.html b/pir/cont/index.print.html
index b3c8d7e954..9288a992b7 100644
--- a/pir/cont/index.print.html
+++ b/pir/cont/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../js/url.js?1697038927"></script>
-    <script src="../../js/variant.js?1697038927"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../js/url.js?1697040179"></script>
+    <script src="../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -184,8 +184,8 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-c3e792f55792f8f16fab00a29cab2333" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c3e792f55792f8f16fab00a29cab2333"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-28feb4acd6a8cc175672d43190ec6823" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-28feb4acd6a8cc175672d43190ec6823"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
 <p>Cap'n Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flex'ble way</a> t' handle order fer yer planks.</p>
 <p>Th' simplest way be t' set <code>weight</code> parameter t' a number.</p>
@@ -235,8 +235,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
-<p><a href="#R-image-d7e4e8b21a014f4fe35e71becf1634ef" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d7e4e8b21a014f4fe35e71becf1634ef"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c3b1779e31d031dfe6cf371140f0c7bb" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c3b1779e31d031dfe6cf371140f0c7bb"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a home plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -246,8 +246,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
-<p><a href="#R-image-0f36a567ac4b6e40ecf089e92afb2623" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0f36a567ac4b6e40ecf089e92afb2623"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-dfac4c9e20314dc6d76b88b1c11a95c7" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-dfac4c9e20314dc6d76b88b1c11a95c7"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -259,8 +259,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace th' <code>X</code> wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
-<p><a href="#R-image-67c3b13474e363d03f61a4c39c3eef2d" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-67c3b13474e363d03f61a4c39c3eef2d"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-37d8950729b204034630f14be63b76c3" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-37d8950729b204034630f14be63b76c3"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
@@ -834,8 +834,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-5cbe43ace3dd350ad3b7abcd6e2433ab" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5cbe43ace3dd350ad3b7abcd6e2433ab"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-ffab950f8234a685fa3ed657e7c014ef" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-ffab950f8234a685fa3ed657e7c014ef"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image wit' Tooltip</h3>
@@ -845,8 +845,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-909863310a503b47f2bf36be4a420c93" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-909863310a503b47f2bf36be4a420c93"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-b5628275d74d959dd5c46a06743c78b0" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-b5628275d74d959dd5c46a06743c78b0"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -858,8 +858,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-0dfd79f908d08ef2ce8ef244dcf82070" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0dfd79f908d08ef2ce8ef244dcf82070"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-cdd4686ed8287080e6993690af98b8c0" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-cdd4686ed8287080e6993690af98b8c0"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -871,8 +871,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-c4dc668f99d426fe589a4685cf9988a4" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c4dc668f99d426fe589a4685cf9988a4"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-554cd8d9bc63cfe0b12dfa4370eb9ccb" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-554cd8d9bc63cfe0b12dfa4370eb9ccb"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -880,8 +880,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-4b432bda769c3549ff90a5a82b3a8427" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4b432bda769c3549ff90a5a82b3a8427"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-29fe3859652e227546e6a4902a132dbc" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-29fe3859652e227546e6a4902a132dbc"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -889,8 +889,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-4dfdc8470dcaf7917e2aa3ce7c3a1c35" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4dfdc8470dcaf7917e2aa3ce7c3a1c35"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-1c9a67f5774e4b4a01f793b0244011b1" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-1c9a67f5774e4b4a01f793b0244011b1"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -901,8 +901,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-64ecdebae38ac8be952d285be3e11af7" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-64ecdebae38ac8be952d285be3e11af7"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#R-image-242a6c036ec455f0f550b5b234a5de5e" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-242a6c036ec455f0f550b5b234a5de5e"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -911,8 +911,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-6c290556895d94286712fcede9f2ea39" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-6c290556895d94286712fcede9f2ea39"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-d662e1e70e7a9ac61319cb97b34f3610" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-d662e1e70e7a9ac61319cb97b34f3610"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -921,8 +921,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-c0748dc6bc7bb0c20c4457c9dfcad855" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c0748dc6bc7bb0c20c4457c9dfcad855"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-4ca6f3cce221276735b39f39d43c8872" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4ca6f3cce221276735b39f39d43c8872"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -931,8 +931,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-39f88de8581abd5d7c1a7a4c87ad3a0a" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-39f88de8581abd5d7c1a7a4c87ad3a0a"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-e04f804abc6c0694cb8e06b9d2874141" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-e04f804abc6c0694cb8e06b9d2874141"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -944,14 +944,14 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-bfe2194edf48d686dda67af56eadcec3" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-bfe2194edf48d686dda67af56eadcec3"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-fd2e426d8e0ae827ff7140cbfab603a0" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-fd2e426d8e0ae827ff7140cbfab603a0"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-7d6ea1f6ddd72d6833972fde0179f29d" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7d6ea1f6ddd72d6833972fde0179f29d"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-9db1261ae7d87c44dd2e52bd8aad1d36" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-9db1261ae7d87c44dd2e52bd8aad1d36"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-be8f6f7799cee29614dc1a28a2dfad1c" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-be8f6f7799cee29614dc1a28a2dfad1c"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-167fc934ae1412883b7f1a2c9ea09b05" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-167fc934ae1412883b7f1a2c9ea09b05"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-cf49327da99eee11be4bc4c9f467dfd4" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-cf49327da99eee11be4bc4c9f467dfd4"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-fa503fe2eebbd7fa3743ecdadd016afc" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-fa503fe2eebbd7fa3743ecdadd016afc"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combinat'n</h5>
@@ -960,8 +960,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-3d71d46d998d0aff23b57ff8569e1c57" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-3d71d46d998d0aff23b57ff8569e1c57"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#R-image-abdae6c67f634efc63d15a91b78d59b5" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-abdae6c67f634efc63d15a91b78d59b5"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -1002,13 +1002,13 @@ line 3 o' code
 <p>Without any sett'ns 'n yer <code>config.toml</code> this defaults t'</p>
 
   
-<div class="tab-panel" data-tab-group="013609587b81b3964732a5bf113304a9">
+<div class="tab-panel" data-tab-group="3378f2e7c9c167d2c12b93361062697b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('013609587b81b3964732a5bf113304a9','configtoml')"
+      onclick="switchTab('3378f2e7c9c167d2c12b93361062697b','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -1029,13 +1029,13 @@ line 3 o' code
 </div><p>This can be overridden 'n a planks frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="d9f54e17a83bad83904deb561ff59ff2">
+<div class="tab-panel" data-tab-group="a0770e1c26142eca3ab5cd6693ef57c3">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d9f54e17a83bad83904deb561ff59ff2','frontmatter')"
+      onclick="switchTab('a0770e1c26142eca3ab5cd6693ef57c3','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -1055,13 +1055,13 @@ line 3 o' code
 </div><p>Or by explicitly override sett'ns by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="4ebee542eec7930b2c5df1ed1544789c">
+<div class="tab-panel" data-tab-group="e61d8a1a106ea947d3a339e79ac105b2">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('4ebee542eec7930b2c5df1ed1544789c','url')"
+      onclick="switchTab('e61d8a1a106ea947d3a339e79ac105b2','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -1078,13 +1078,13 @@ line 3 o' code
 </div><p>Th' sett'ns applied t' th' above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="9280b9ada15bc1b1cdf349e3bd92d8be">
+<div class="tab-panel" data-tab-group="cabcb3810801c16eabfe3f98b81d2a8e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('9280b9ada15bc1b1cdf349e3bd92d8be','result')"
+      onclick="switchTab('cabcb3810801c16eabfe3f98b81d2a8e','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -1104,13 +1104,13 @@ line 3 o' code
 </div><p>This ends up 'n th' follow'n HTML whar' th' parameter be converted t' CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="e9efb8f01c4bf837bc7d51f5ff775478">
+<div class="tab-panel" data-tab-group="7134cf1b4ff2c3da004cb7d07d1c39a8">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('e9efb8f01c4bf837bc7d51f5ff775478','html')"
+      onclick="switchTab('7134cf1b4ff2c3da004cb7d07d1c39a8','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -1289,8 +1289,8 @@ However, if ye want t' keep th' title but change its value, it can be overridden
 <li>Automatic menu generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
-<p><a href="#R-image-5e2a48510c4f1b48113a7294675342af" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5e2a48510c4f1b48113a7294675342af"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-b9143eda10b4cadc0ddcf02353cdcd17" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-b9143eda10b4cadc0ddcf02353cdcd17"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <p>Aft learn'n <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Cap'n Hugo handle multilingual websites</a>, define yer languages 'n yer <code>config.toml</code> file.</p>
 <p>For example wit' current English an' Piratized English website.</p>
@@ -1483,8 +1483,8 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../js/theme.js?1697038927" defer></script>
+    <script src="../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.html b/pir/cont/markdown/index.html
index f7027ade23..d802b14229 100644
--- a/pir/cont/markdown/index.html
+++ b/pir/cont/markdown/index.html
@@ -7,6 +7,13 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Let&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.
+Some o&#39; th&#39; key benefits be:
+Marrrkdown be simple t&#39; learn, wit&#39; minimal extra characters so it&rsquo;s also quicker t&#39; write rrrambl&#39;n. Less chance o&#39; errors when writ&#39;n &#39;n Marrrkdown.">
     <meta property="og:title" content="Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Let&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.
@@ -17,33 +24,26 @@ Marrrkdown be simple t&#39; learn, wit&#39; minimal extra characters so it&rsquo
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Let&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.
-Some o&#39; th&#39; key benefits be:
-Marrrkdown be simple t&#39; learn, wit&#39; minimal extra characters so it&rsquo;s also quicker t&#39; write rrrambl&#39;n. Less chance o&#39; errors when writ&#39;n &#39;n Marrrkdown.">
     <title>Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/markdown/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/markdown/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -711,8 +711,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-5cbe43ace3dd350ad3b7abcd6e2433ab" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5cbe43ace3dd350ad3b7abcd6e2433ab"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-ffab950f8234a685fa3ed657e7c014ef" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-ffab950f8234a685fa3ed657e7c014ef"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image wit' Tooltip</h3>
@@ -722,8 +722,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-909863310a503b47f2bf36be4a420c93" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-909863310a503b47f2bf36be4a420c93"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-b5628275d74d959dd5c46a06743c78b0" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-b5628275d74d959dd5c46a06743c78b0"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -735,8 +735,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-0dfd79f908d08ef2ce8ef244dcf82070" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0dfd79f908d08ef2ce8ef244dcf82070"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-cdd4686ed8287080e6993690af98b8c0" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-cdd4686ed8287080e6993690af98b8c0"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -748,8 +748,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-c4dc668f99d426fe589a4685cf9988a4" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c4dc668f99d426fe589a4685cf9988a4"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-554cd8d9bc63cfe0b12dfa4370eb9ccb" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-554cd8d9bc63cfe0b12dfa4370eb9ccb"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -757,8 +757,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-4b432bda769c3549ff90a5a82b3a8427" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4b432bda769c3549ff90a5a82b3a8427"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-29fe3859652e227546e6a4902a132dbc" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-29fe3859652e227546e6a4902a132dbc"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -766,8 +766,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-4dfdc8470dcaf7917e2aa3ce7c3a1c35" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4dfdc8470dcaf7917e2aa3ce7c3a1c35"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-1c9a67f5774e4b4a01f793b0244011b1" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-1c9a67f5774e4b4a01f793b0244011b1"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -778,8 +778,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-64ecdebae38ac8be952d285be3e11af7" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-64ecdebae38ac8be952d285be3e11af7"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#R-image-242a6c036ec455f0f550b5b234a5de5e" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-242a6c036ec455f0f550b5b234a5de5e"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -788,8 +788,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-6c290556895d94286712fcede9f2ea39" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-6c290556895d94286712fcede9f2ea39"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-d662e1e70e7a9ac61319cb97b34f3610" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-d662e1e70e7a9ac61319cb97b34f3610"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -798,8 +798,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-c0748dc6bc7bb0c20c4457c9dfcad855" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c0748dc6bc7bb0c20c4457c9dfcad855"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-4ca6f3cce221276735b39f39d43c8872" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4ca6f3cce221276735b39f39d43c8872"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -808,8 +808,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-39f88de8581abd5d7c1a7a4c87ad3a0a" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-39f88de8581abd5d7c1a7a4c87ad3a0a"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-e04f804abc6c0694cb8e06b9d2874141" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-e04f804abc6c0694cb8e06b9d2874141"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -821,14 +821,14 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-bfe2194edf48d686dda67af56eadcec3" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-bfe2194edf48d686dda67af56eadcec3"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-fd2e426d8e0ae827ff7140cbfab603a0" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-fd2e426d8e0ae827ff7140cbfab603a0"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-7d6ea1f6ddd72d6833972fde0179f29d" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7d6ea1f6ddd72d6833972fde0179f29d"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-9db1261ae7d87c44dd2e52bd8aad1d36" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-9db1261ae7d87c44dd2e52bd8aad1d36"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-be8f6f7799cee29614dc1a28a2dfad1c" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-be8f6f7799cee29614dc1a28a2dfad1c"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-167fc934ae1412883b7f1a2c9ea09b05" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-167fc934ae1412883b7f1a2c9ea09b05"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-cf49327da99eee11be4bc4c9f467dfd4" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-cf49327da99eee11be4bc4c9f467dfd4"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-fa503fe2eebbd7fa3743ecdadd016afc" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-fa503fe2eebbd7fa3743ecdadd016afc"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combinat'n</h5>
@@ -837,8 +837,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-3d71d46d998d0aff23b57ff8569e1c57" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-3d71d46d998d0aff23b57ff8569e1c57"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#R-image-abdae6c67f634efc63d15a91b78d59b5" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-abdae6c67f634efc63d15a91b78d59b5"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -950,12 +950,12 @@ line 3 o' code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../../../js/search.js?1697038924" defer></script>
+        <script src="../../../js/auto-complete.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../../../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1112,13 +1112,13 @@ line 3 o' code
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038925"></script>
+          <script async src="../../../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038925" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038925" defer></script>
-    <script src="../../../js/theme.js?1697038925" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.print.html b/pir/cont/markdown/index.print.html
index cd75bb6540..27c491172e 100644
--- a/pir/cont/markdown/index.print.html
+++ b/pir/cont/markdown/index.print.html
@@ -7,6 +7,13 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Let&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.
+Some o&#39; th&#39; key benefits be:
+Marrrkdown be simple t&#39; learn, wit&#39; minimal extra characters so it&rsquo;s also quicker t&#39; write rrrambl&#39;n. Less chance o&#39; errors when writ&#39;n &#39;n Marrrkdown.">
     <meta property="og:title" content="Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Let&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.
@@ -17,34 +24,27 @@ Marrrkdown be simple t&#39; learn, wit&#39; minimal extra characters so it&rsquo
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Let&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.
-Some o&#39; th&#39; key benefits be:
-Marrrkdown be simple t&#39; learn, wit&#39; minimal extra characters so it&rsquo;s also quicker t&#39; write rrrambl&#39;n. Less chance o&#39; errors when writ&#39;n &#39;n Marrrkdown.">
     <title>Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/markdown/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/markdown/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -619,8 +619,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-5cbe43ace3dd350ad3b7abcd6e2433ab" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5cbe43ace3dd350ad3b7abcd6e2433ab"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-ffab950f8234a685fa3ed657e7c014ef" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-ffab950f8234a685fa3ed657e7c014ef"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image wit' Tooltip</h3>
@@ -630,8 +630,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-909863310a503b47f2bf36be4a420c93" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-909863310a503b47f2bf36be4a420c93"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-b5628275d74d959dd5c46a06743c78b0" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-b5628275d74d959dd5c46a06743c78b0"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -643,8 +643,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-0dfd79f908d08ef2ce8ef244dcf82070" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0dfd79f908d08ef2ce8ef244dcf82070"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-cdd4686ed8287080e6993690af98b8c0" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-cdd4686ed8287080e6993690af98b8c0"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -656,8 +656,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-c4dc668f99d426fe589a4685cf9988a4" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c4dc668f99d426fe589a4685cf9988a4"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-554cd8d9bc63cfe0b12dfa4370eb9ccb" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-554cd8d9bc63cfe0b12dfa4370eb9ccb"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -665,8 +665,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-4b432bda769c3549ff90a5a82b3a8427" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4b432bda769c3549ff90a5a82b3a8427"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-29fe3859652e227546e6a4902a132dbc" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-29fe3859652e227546e6a4902a132dbc"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -674,8 +674,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-4dfdc8470dcaf7917e2aa3ce7c3a1c35" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4dfdc8470dcaf7917e2aa3ce7c3a1c35"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-1c9a67f5774e4b4a01f793b0244011b1" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-1c9a67f5774e4b4a01f793b0244011b1"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -686,8 +686,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-64ecdebae38ac8be952d285be3e11af7" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-64ecdebae38ac8be952d285be3e11af7"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#R-image-242a6c036ec455f0f550b5b234a5de5e" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-242a6c036ec455f0f550b5b234a5de5e"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -696,8 +696,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-6c290556895d94286712fcede9f2ea39" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-6c290556895d94286712fcede9f2ea39"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-d662e1e70e7a9ac61319cb97b34f3610" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-d662e1e70e7a9ac61319cb97b34f3610"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -706,8 +706,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-c0748dc6bc7bb0c20c4457c9dfcad855" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c0748dc6bc7bb0c20c4457c9dfcad855"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-4ca6f3cce221276735b39f39d43c8872" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4ca6f3cce221276735b39f39d43c8872"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -716,8 +716,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-39f88de8581abd5d7c1a7a4c87ad3a0a" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-39f88de8581abd5d7c1a7a4c87ad3a0a"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-e04f804abc6c0694cb8e06b9d2874141" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-e04f804abc6c0694cb8e06b9d2874141"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -729,14 +729,14 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-bfe2194edf48d686dda67af56eadcec3" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-bfe2194edf48d686dda67af56eadcec3"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-fd2e426d8e0ae827ff7140cbfab603a0" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-fd2e426d8e0ae827ff7140cbfab603a0"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-7d6ea1f6ddd72d6833972fde0179f29d" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7d6ea1f6ddd72d6833972fde0179f29d"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-9db1261ae7d87c44dd2e52bd8aad1d36" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-9db1261ae7d87c44dd2e52bd8aad1d36"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-be8f6f7799cee29614dc1a28a2dfad1c" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-be8f6f7799cee29614dc1a28a2dfad1c"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-167fc934ae1412883b7f1a2c9ea09b05" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-167fc934ae1412883b7f1a2c9ea09b05"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-cf49327da99eee11be4bc4c9f467dfd4" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-cf49327da99eee11be4bc4c9f467dfd4"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-fa503fe2eebbd7fa3743ecdadd016afc" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-fa503fe2eebbd7fa3743ecdadd016afc"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combinat'n</h5>
@@ -745,8 +745,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-3d71d46d998d0aff23b57ff8569e1c57" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-3d71d46d998d0aff23b57ff8569e1c57"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#R-image-abdae6c67f634efc63d15a91b78d59b5" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-abdae6c67f634efc63d15a91b78d59b5"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -777,8 +777,8 @@ line 3 o' code
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.html b/pir/cont/menushortcuts/index.html
index 08b39fc4e3..1ee102d572 100644
--- a/pir/cont/menushortcuts/index.html
+++ b/pir/cont/menushortcuts/index.html
@@ -7,6 +7,13 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="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:
+[[menu.shortcuts]] name = &#34;&lt;i class=&#39;fab fa-fw fa-github&#39;&gt;&lt;/i&gt; GitHub repo&#34; identifier = &#34;ds&#34; url = &#34;https://github.com/McShelby/hugo-theme-relearn&#34; weight = 10 [[menu.shortcuts]] name = &#34;&lt;i class=&#39;fas fa-fw fa-camera&#39;&gt;&lt;/i&gt; Showcases&#34; url = &#34;showcase/&#34; weight = 11 [[menu.">
     <meta property="og:title" content="Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="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.
@@ -17,33 +24,26 @@ Example from th&#39; current website:
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="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:
-[[menu.shortcuts]] name = &#34;&lt;i class=&#39;fab fa-fw fa-github&#39;&gt;&lt;/i&gt; GitHub repo&#34; identifier = &#34;ds&#34; url = &#34;https://github.com/McShelby/hugo-theme-relearn&#34; weight = 10 [[menu.shortcuts]] name = &#34;&lt;i class=&#39;fas fa-fw fa-camera&#39;&gt;&lt;/i&gt; Showcases&#34; url = &#34;showcase/&#34; weight = 11 [[menu.">
     <title>Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/menushortcuts/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/menushortcuts/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -360,12 +360,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?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../../../js/search.js?1697038924" defer></script>
+        <script src="../../../js/auto-complete.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../../../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -522,13 +522,13 @@ However, if ye want t' keep th' title but change its value, it can be overridden
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038924"></script>
+          <script async src="../../../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../../js/theme.js?1697038924" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.print.html b/pir/cont/menushortcuts/index.print.html
index b0da6cd8d5..e5f68f436b 100644
--- a/pir/cont/menushortcuts/index.print.html
+++ b/pir/cont/menushortcuts/index.print.html
@@ -7,6 +7,13 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="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:
+[[menu.shortcuts]] name = &#34;&lt;i class=&#39;fab fa-fw fa-github&#39;&gt;&lt;/i&gt; GitHub repo&#34; identifier = &#34;ds&#34; url = &#34;https://github.com/McShelby/hugo-theme-relearn&#34; weight = 10 [[menu.shortcuts]] name = &#34;&lt;i class=&#39;fas fa-fw fa-camera&#39;&gt;&lt;/i&gt; Showcases&#34; url = &#34;showcase/&#34; weight = 11 [[menu.">
     <meta property="og:title" content="Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="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.
@@ -17,34 +24,27 @@ Example from th&#39; current website:
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="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:
-[[menu.shortcuts]] name = &#34;&lt;i class=&#39;fab fa-fw fa-github&#39;&gt;&lt;/i&gt; GitHub repo&#34; identifier = &#34;ds&#34; url = &#34;https://github.com/McShelby/hugo-theme-relearn&#34; weight = 10 [[menu.shortcuts]] name = &#34;&lt;i class=&#39;fas fa-fw fa-camera&#39;&gt;&lt;/i&gt; Showcases&#34; url = &#34;showcase/&#34; weight = 11 [[menu.">
     <title>Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/menushortcuts/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/menushortcuts/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -233,8 +233,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?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.html b/pir/cont/pages/index.html
index d2ab0af3ac..849cbc57be 100644
--- a/pir/cont/pages/index.html
+++ b/pir/cont/pages/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/pages/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/pages/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -223,8 +223,8 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-c3e792f55792f8f16fab00a29cab2333" class="lightbox-link"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c3e792f55792f8f16fab00a29cab2333"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-28feb4acd6a8cc175672d43190ec6823" class="lightbox-link"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-28feb4acd6a8cc175672d43190ec6823"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
 <p>Cap'n Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flex'ble way</a> t' handle order fer yer planks.</p>
 <p>Th' simplest way be t' set <code>weight</code> parameter t' a number.</p>
@@ -347,12 +347,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?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038926" defer></script>
-        <script src="../../../js/search.js?1697038926" defer></script>
+        <script src="../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -509,13 +509,13 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038926"></script>
+          <script async src="../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038926" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038926" defer></script>
-    <script src="../../../js/theme.js?1697038926" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.print.html b/pir/cont/pages/index.print.html
index 7138a09b61..1d1a5f0871 100644
--- a/pir/cont/pages/index.print.html
+++ b/pir/cont/pages/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/pages/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/pages/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -169,8 +169,8 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-c3e792f55792f8f16fab00a29cab2333" class="lightbox-link"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c3e792f55792f8f16fab00a29cab2333"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-28feb4acd6a8cc175672d43190ec6823" class="lightbox-link"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-28feb4acd6a8cc175672d43190ec6823"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
 <p>Cap'n Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flex'ble way</a> t' handle order fer yer planks.</p>
 <p>Th' simplest way be t' set <code>weight</code> parameter t' a number.</p>
@@ -212,8 +212,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/cont/taxonomy/index.html b/pir/cont/taxonomy/index.html
index 53925e3fa3..42629d270a 100644
--- a/pir/cont/taxonomy/index.html
+++ b/pir/cont/taxonomy/index.html
@@ -7,6 +7,13 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Taxonomy :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Th&#39; Relearrrn theme supports Hugo&rsquo;s default taxonomies tag an&#39; category out o&#39; th&#39; box.
+Configurat&#39;n Just add tags and/or categories t&#39; any plank. They can be given as a single str&#39;n or an array o&#39; str&#39;ns.
+&#43;&#43;&#43; categories = [&#34;taxonomy&#34;, &#34;content&#34;] tags = &#34;tutorial&#34; title = &#34;Taxonomy&#34; &#43;&#43;&#43;Behavior Th&#39; tags be displayed at th&#39; top o&#39; th&#39; plank &#39;n alphabetical order.
+Th&#39; categories be displayed at th&#39; bottom o&#39; th&#39; plank &#39;n alphabetical order &#39;n th&#39; default implementat&#39;n o&#39; th&#39; theme but can be customized by provid&#39;n yer own content-footer.">
     <meta property="og:title" content="Taxonomy :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Th&#39; Relearrrn theme supports Hugo&rsquo;s default taxonomies tag an&#39; category out o&#39; th&#39; box.
 Configurat&#39;n Just add tags and/or categories t&#39; any plank. They can be given as a single str&#39;n or an array o&#39; str&#39;ns.
@@ -17,33 +24,26 @@ Th&#39; categories be displayed at th&#39; bottom o&#39; th&#39; plank &#39;n al
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Taxonomy :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Th&#39; Relearrrn theme supports Hugo&rsquo;s default taxonomies tag an&#39; category out o&#39; th&#39; box.
-Configurat&#39;n Just add tags and/or categories t&#39; any plank. They can be given as a single str&#39;n or an array o&#39; str&#39;ns.
-&#43;&#43;&#43; categories = [&#34;taxonomy&#34;, &#34;content&#34;] tags = &#34;tutorial&#34; title = &#34;Taxonomy&#34; &#43;&#43;&#43;Behavior Th&#39; tags be displayed at th&#39; top o&#39; th&#39; plank &#39;n alphabetical order.
-Th&#39; categories be displayed at th&#39; bottom o&#39; th&#39; plank &#39;n alphabetical order &#39;n th&#39; default implementat&#39;n o&#39; th&#39; theme but can be customized by provid&#39;n yer own content-footer.">
     <title>Taxonomy :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/taxonomy/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/taxonomy/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="Taxonomy :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/taxonomy/index.print.html" rel="alternate" type="text/html" title="Taxonomy :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -320,12 +320,12 @@ Th&#39; categories be displayed at th&#39; bottom o&#39; th&#39; plank &#39;n al
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../../../js/search.js?1697038924" defer></script>
+        <script src="../../../js/auto-complete.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../../../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -482,13 +482,13 @@ Th&#39; categories be displayed at th&#39; bottom o&#39; th&#39; plank &#39;n al
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038924"></script>
+          <script async src="../../../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../../js/theme.js?1697038924" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/pir/cont/taxonomy/index.print.html b/pir/cont/taxonomy/index.print.html
index ccec6bff8d..5aa0831869 100644
--- a/pir/cont/taxonomy/index.print.html
+++ b/pir/cont/taxonomy/index.print.html
@@ -7,6 +7,13 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Taxonomy :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Th&#39; Relearrrn theme supports Hugo&rsquo;s default taxonomies tag an&#39; category out o&#39; th&#39; box.
+Configurat&#39;n Just add tags and/or categories t&#39; any plank. They can be given as a single str&#39;n or an array o&#39; str&#39;ns.
+&#43;&#43;&#43; categories = [&#34;taxonomy&#34;, &#34;content&#34;] tags = &#34;tutorial&#34; title = &#34;Taxonomy&#34; &#43;&#43;&#43;Behavior Th&#39; tags be displayed at th&#39; top o&#39; th&#39; plank &#39;n alphabetical order.
+Th&#39; categories be displayed at th&#39; bottom o&#39; th&#39; plank &#39;n alphabetical order &#39;n th&#39; default implementat&#39;n o&#39; th&#39; theme but can be customized by provid&#39;n yer own content-footer.">
     <meta property="og:title" content="Taxonomy :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Th&#39; Relearrrn theme supports Hugo&rsquo;s default taxonomies tag an&#39; category out o&#39; th&#39; box.
 Configurat&#39;n Just add tags and/or categories t&#39; any plank. They can be given as a single str&#39;n or an array o&#39; str&#39;ns.
@@ -17,34 +24,27 @@ Th&#39; categories be displayed at th&#39; bottom o&#39; th&#39; plank &#39;n al
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Taxonomy :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Th&#39; Relearrrn theme supports Hugo&rsquo;s default taxonomies tag an&#39; category out o&#39; th&#39; box.
-Configurat&#39;n Just add tags and/or categories t&#39; any plank. They can be given as a single str&#39;n or an array o&#39; str&#39;ns.
-&#43;&#43;&#43; categories = [&#34;taxonomy&#34;, &#34;content&#34;] tags = &#34;tutorial&#34; title = &#34;Taxonomy&#34; &#43;&#43;&#43;Behavior Th&#39; tags be displayed at th&#39; top o&#39; th&#39; plank &#39;n alphabetical order.
-Th&#39; categories be displayed at th&#39; bottom o&#39; th&#39; plank &#39;n alphabetical order &#39;n th&#39; default implementat&#39;n o&#39; th&#39; theme but can be customized by provid&#39;n yer own content-footer.">
     <title>Taxonomy :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/taxonomy/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/taxonomy/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="canonical" type="text/html" title="Taxonomy :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="Taxonomy :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -188,8 +188,8 @@ Th&#39; categories be displayed at th&#39; bottom o&#39; th&#39; plank &#39;n al
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/dev/contributing/index.html b/pir/dev/contributing/index.html
index bdc988042d..6ef765b1c8 100644
--- a/pir/dev/contributing/index.html
+++ b/pir/dev/contributing/index.html
@@ -8,34 +8,34 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="What to know if you want to contribute">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Contributing :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="What to know if you want to contribute">
     <meta property="og:title" content="Contributing :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="What to know if you want to contribute">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Contributing :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="What to know if you want to contribute">
     <title>Contributing :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -344,12 +344,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038926" defer></script>
-        <script src="../../../js/search.js?1697038926" defer></script>
+        <script src="../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -510,13 +510,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038926"></script>
+          <script async src="../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038926" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038926" defer></script>
-    <script src="../../../js/theme.js?1697038926" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/dev/contributing/index.print.html b/pir/dev/contributing/index.print.html
index f765452c9a..177f8dcf74 100644
--- a/pir/dev/contributing/index.print.html
+++ b/pir/dev/contributing/index.print.html
@@ -8,35 +8,35 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="What to know if you want to contribute">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Contributing :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="What to know if you want to contribute">
     <meta property="og:title" content="Contributing :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="What to know if you want to contribute">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Contributing :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="What to know if you want to contribute">
     <title>Contributing :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -218,8 +218,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/dev/index.html b/pir/dev/index.html
index 329bf2d475..4c8d95bf2e 100644
--- a/pir/dev/index.html
+++ b/pir/dev/index.html
@@ -8,34 +8,34 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Development :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Development :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Development :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Development :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -229,12 +229,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038926" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038926" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038926" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038926" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038926" defer></script>
-        <script src="../../js/search.js?1697038926" defer></script>
+        <script src="../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -395,13 +395,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038926"></script>
+          <script async src="../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038926" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038926" defer></script>
-    <script src="../../js/theme.js?1697038926" defer></script>
+    <script src="../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/dev/index.print.html b/pir/dev/index.print.html
index 2b21aa2131..108d45fd8b 100644
--- a/pir/dev/index.print.html
+++ b/pir/dev/index.print.html
@@ -8,35 +8,35 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Development :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Development :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Development :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Development :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../js/url.js?1697038927"></script>
-    <script src="../../js/variant.js?1697038927"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../js/url.js?1697040179"></script>
+    <script src="../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -479,8 +479,8 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <p><strong>Preview</strong> <code>images/screenshot.png</code>:</p>
-<p><a href="#R-image-1a7135bdce94a1a002b20cefe0c8291d" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-1a7135bdce94a1a002b20cefe0c8291d"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-872693213fc38c78f72768bf0e8fe4b9" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-872693213fc38c78f72768bf0e8fe4b9"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Rrrambl'n</strong>:</p>
 <p>Show th' <a href="#demo-screenshot">Demo Screenshot</a> plank on different devices an' different themes. Composit'n o' th' different device screenshots into a template.</p>
@@ -509,11 +509,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n o' <code>images/tn.png</code> be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <p><strong>Preview</strong> <code>images/hero.png</code>:</p>
-<p><a href="#R-image-3f037dea88756faf058b9a05409d3134" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-3f037dea88756faf058b9a05409d3134"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-2a9134fee86922bd9a591445816954cb" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-2a9134fee86922bd9a591445816954cb"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p><strong>Preview</strong> <code>images/tn.png</code>:</p>
-<p><a href="#R-image-5d5b4e38f4f51751a2f5f9ff8b90a059" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5d5b4e38f4f51751a2f5f9ff8b90a059"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-fc98b2238a74d1a5cd39f2d8c585a690" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-fc98b2238a74d1a5cd39f2d8c585a690"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -524,8 +524,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../js/theme.js?1697038927" defer></script>
+    <script src="../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/dev/maintaining/index.html b/pir/dev/maintaining/index.html
index bf57ed62e5..ee7040c3c2 100644
--- a/pir/dev/maintaining/index.html
+++ b/pir/dev/maintaining/index.html
@@ -8,34 +8,34 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="What to know as a maintainer">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Maintaining :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="What to know as a maintainer">
     <meta property="og:title" content="Maintaining :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="What to know as a maintainer">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Maintaining :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="What to know as a maintainer">
     <title>Maintaining :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -431,12 +431,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038926" defer></script>
-        <script src="../../../js/search.js?1697038926" defer></script>
+        <script src="../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -597,13 +597,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038926"></script>
+          <script async src="../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038926" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038926" defer></script>
-    <script src="../../../js/theme.js?1697038926" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/dev/maintaining/index.print.html b/pir/dev/maintaining/index.print.html
index f0bbc67a2c..87ba4af116 100644
--- a/pir/dev/maintaining/index.print.html
+++ b/pir/dev/maintaining/index.print.html
@@ -8,35 +8,35 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="What to know as a maintainer">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Maintaining :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="What to know as a maintainer">
     <meta property="og:title" content="Maintaining :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="What to know as a maintainer">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Maintaining :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="What to know as a maintainer">
     <title>Maintaining :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -294,8 +294,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/dev/screenshots/index.html b/pir/dev/screenshots/index.html
index 02ece3d252..19306f3945 100644
--- a/pir/dev/screenshots/index.html
+++ b/pir/dev/screenshots/index.html
@@ -8,34 +8,34 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Recipe t&#39; create various documentat&#39;n scrrreenshots">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Scrrrenshots :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Recipe t&#39; create various documentat&#39;n scrrreenshots">
     <meta property="og:title" content="Scrrrenshots :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Recipe t&#39; create various documentat&#39;n scrrreenshots">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Scrrrenshots :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Recipe t&#39; create various documentat&#39;n scrrreenshots">
     <title>Scrrrenshots :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -169,8 +169,8 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <p><strong>Preview</strong> <code>images/screenshot.png</code>:</p>
-<p><a href="#R-image-1a7135bdce94a1a002b20cefe0c8291d" class="lightbox-link"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-1a7135bdce94a1a002b20cefe0c8291d"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-872693213fc38c78f72768bf0e8fe4b9" class="lightbox-link"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-872693213fc38c78f72768bf0e8fe4b9"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Rrrambl'n</strong>:</p>
 <p>Show th' <a href="#demo-screenshot">Demo Screenshot</a> plank on different devices an' different themes. Composit'n o' th' different device screenshots into a template.</p>
@@ -199,11 +199,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n o' <code>images/tn.png</code> be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <p><strong>Preview</strong> <code>images/hero.png</code>:</p>
-<p><a href="#R-image-3f037dea88756faf058b9a05409d3134" class="lightbox-link"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-3f037dea88756faf058b9a05409d3134"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-2a9134fee86922bd9a591445816954cb" class="lightbox-link"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-2a9134fee86922bd9a591445816954cb"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p><strong>Preview</strong> <code>images/tn.png</code>:</p>
-<p><a href="#R-image-5d5b4e38f4f51751a2f5f9ff8b90a059" class="lightbox-link"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5d5b4e38f4f51751a2f5f9ff8b90a059"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-fc98b2238a74d1a5cd39f2d8c585a690" class="lightbox-link"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-fc98b2238a74d1a5cd39f2d8c585a690"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -294,12 +294,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038926" defer></script>
-        <script src="../../../js/search.js?1697038926" defer></script>
+        <script src="../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -460,13 +460,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038926"></script>
+          <script async src="../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038926" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038926" defer></script>
-    <script src="../../../js/theme.js?1697038926" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/dev/screenshots/index.print.html b/pir/dev/screenshots/index.print.html
index 127527b4b7..4ed4f51c84 100644
--- a/pir/dev/screenshots/index.print.html
+++ b/pir/dev/screenshots/index.print.html
@@ -8,35 +8,35 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Recipe t&#39; create various documentat&#39;n scrrreenshots">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Scrrrenshots :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Recipe t&#39; create various documentat&#39;n scrrreenshots">
     <meta property="og:title" content="Scrrrenshots :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Recipe t&#39; create various documentat&#39;n scrrreenshots">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Scrrrenshots :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Recipe t&#39; create various documentat&#39;n scrrreenshots">
     <title>Scrrrenshots :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -123,8 +123,8 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <p><strong>Preview</strong> <code>images/screenshot.png</code>:</p>
-<p><a href="#R-image-1a7135bdce94a1a002b20cefe0c8291d" class="lightbox-link"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-1a7135bdce94a1a002b20cefe0c8291d"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-872693213fc38c78f72768bf0e8fe4b9" class="lightbox-link"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-872693213fc38c78f72768bf0e8fe4b9"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Rrrambl'n</strong>:</p>
 <p>Show th' <a href="#demo-screenshot">Demo Screenshot</a> plank on different devices an' different themes. Composit'n o' th' different device screenshots into a template.</p>
@@ -153,11 +153,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n o' <code>images/tn.png</code> be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <p><strong>Preview</strong> <code>images/hero.png</code>:</p>
-<p><a href="#R-image-3f037dea88756faf058b9a05409d3134" class="lightbox-link"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-3f037dea88756faf058b9a05409d3134"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-2a9134fee86922bd9a591445816954cb" class="lightbox-link"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-2a9134fee86922bd9a591445816954cb"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p><strong>Preview</strong> <code>images/tn.png</code>:</p>
-<p><a href="#R-image-5d5b4e38f4f51751a2f5f9ff8b90a059" class="lightbox-link"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5d5b4e38f4f51751a2f5f9ff8b90a059"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-fc98b2238a74d1a5cd39f2d8c585a690" class="lightbox-link"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-fc98b2238a74d1a5cd39f2d8c585a690"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -167,8 +167,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/index.html b/pir/index.html
index 3dc006afce..2692bc7721 100644
--- a/pir/index.html
+++ b/pir/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../js/url.js?1697038924"></script>
-    <script src="../js/variant.js?1697038924"></script>
+    <link href="../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../js/url.js?1697040177"></script>
+    <script src="../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -149,8 +149,8 @@
 </div>
 <p>A theme fer <a href="https://gohugo.io/" target="_blank">Cap'n Hugo</a> designed fer documentat'n.</p>
 <p><a href="../basics/migration/">★ What&rsquo;s new 'n th' latest release ★</a></p>
-<p><a href="#R-image-7a7786fa65d1b2575d617793d09ba36f" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7a7786fa65d1b2575d617793d09ba36f"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-1f4d2b609f8857c5e7e2d2cec8351953" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-1f4d2b609f8857c5e7e2d2cec8351953"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="motivation">Motivat'n</h2>
 <p>Th' theme be a fork o' th' great <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learrrn theme</a> wit' th' aim o' fix'n long outstand'n bugs an' adept'n t' latest Cap'n Hugo features. As far as poss'ble this theme tries t' be a drop-in replacement fer th' Learrrn theme.</p>
 <h2 id="features">Features</h2>
@@ -326,12 +326,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1697038925" defer></script>
-        <script src="../js/lunr/lunr.min.js?1697038925" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1697038925" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1697038925" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1697038925" defer></script>
-        <script src="../js/search.js?1697038925" defer></script>
+        <script src="../js/auto-complete.js?1697040178" defer></script>
+        <script src="../js/lunr/lunr.min.js?1697040178" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1697040178" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1697040178" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1697040178" defer></script>
+        <script src="../js/search.js?1697040178" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -488,13 +488,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1697038925"></script>
+          <script async src="../js/github-buttons.js?1697040178"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1697038925" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1697038925" defer></script>
-    <script src="../js/theme.js?1697038925" defer></script>
+    <script src="../js/clipboard.min.js?1697040178" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1697040178" defer></script>
+    <script src="../js/theme.js?1697040178" defer></script>
   </body>
 </html>
diff --git a/pir/index.print.html b/pir/index.print.html
index 0736d7297c..dcc149474b 100644
--- a/pir/index.print.html
+++ b/pir/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../js/url.js?1697038927"></script>
-    <script src="../js/variant.js?1697038927"></script>
+    <link href="../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../js/url.js?1697040179"></script>
+    <script src="../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -100,8 +100,8 @@
 </div>
 <p>A theme fer <a href="https://gohugo.io/" target="_blank">Cap'n Hugo</a> designed fer documentat'n.</p>
 <p><a href="../basics/migration/">★ What&rsquo;s new 'n th' latest release ★</a></p>
-<p><a href="#R-image-7a7786fa65d1b2575d617793d09ba36f" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7a7786fa65d1b2575d617793d09ba36f"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-1f4d2b609f8857c5e7e2d2cec8351953" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-1f4d2b609f8857c5e7e2d2cec8351953"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="motivation">Motivat'n</h2>
 <p>Th' theme be a fork o' th' great <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learrrn theme</a> wit' th' aim o' fix'n long outstand'n bugs an' adept'n t' latest Cap'n Hugo features. As far as poss'ble this theme tries t' be a drop-in replacement fer th' Learrrn theme.</p>
 <h2 id="features">Features</h2>
@@ -1025,8 +1025,8 @@
 
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
-<p><a href="#R-image-aa3d86aecb1d955e79f2e010cbe83278" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-aa3d86aecb1d955e79f2e010cbe83278"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-7b3da77ac706aeeacc90105d39bd0998" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-7b3da77ac706aeeacc90105d39bd0998"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -1076,8 +1076,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#R-image-054131b8e54306cd9f6e9f8965f10f84" class="lightbox-link"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-054131b8e54306cd9f6e9f8965f10f84"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-6fee6db20ac6d441a434ce0178031fbe" class="lightbox-link"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-6fee6db20ac6d441a434ce0178031fbe"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
 <p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p>
@@ -1236,8 +1236,8 @@
 <p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file. This will cause Cap'n Hugo t' generate a new file <code>http://example.com/mysite/search.html</code>.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
-<p><a href="#R-image-440f3e2e8337b93ad6d06644c0fbf488" class="lightbox-link"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-440f3e2e8337b93ad6d06644c0fbf488"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-6eb970d3c5b7f2e035272a5f05463584" class="lightbox-link"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-6eb970d3c5b7f2e035272a5f05463584"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 <div class="box notices cstyle note">
   <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
@@ -1291,8 +1291,8 @@ appearance, ye will have t' configure two parameters fer th' defined languages:<
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params be not configured fer a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
-<p><a href="#R-image-18c9bc9d6e8be9d6fbb1671e39177685" class="lightbox-link"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-18c9bc9d6e8be9d6fbb1671e39177685"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-4610342bb90a15947f54ae5f1a597b24" class="lightbox-link"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4610342bb90a15947f54ae5f1a597b24"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="social-media-meta-tags">Social Media Meta Tags</h2>
 <p>Ye can add social media meta tags fer th' <a href="https://gohugo.io/templates/internal/#open-graph" target="_blank">Open Graph</a> an' <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> t' yer ship. These be configured as mentioned 'n th' Cap'n Hugo docs.</p>
 
@@ -1477,13 +1477,13 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
 <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-abf6a54b3de5cb2cec6759cadac67e8b" aria-controls="R-expandcontent-abf6a54b3de5cb2cec6759cadac67e8b" >
-    <label class="expand-label" for="R-expand-abf6a54b3de5cb2cec6759cadac67e8b" >
+    <input type="checkbox" id="R-expand-62a9d66f17d6bb6ab87807266e110448" aria-controls="R-expandcontent-62a9d66f17d6bb6ab87807266e110448" >
+    <label class="expand-label" for="R-expand-62a9d66f17d6bb6ab87807266e110448" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="R-expandcontent-abf6a54b3de5cb2cec6759cadac67e8b" class="expand-content">
+    <div id="R-expandcontent-62a9d66f17d6bb6ab87807266e110448" class="expand-content">
 
 <p>T' get started, first select a color variant from th' variant switch 'n th' lower left sidebar that fits ye best as a start'n point.</p>
 <p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph <strong>an' th' plank</strong> will update accordingly.</p>
@@ -1545,8 +1545,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 
 
 <p>Th' theme comes wit' a reasonably configured topbar.</p>
-<p><a href="#R-image-6c8efb1027d63069d64920ba52c0e9d5" class="lightbox-link"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-6c8efb1027d63069d64920ba52c0e9d5"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-ca92237e2011baa1dc4aea5593706636" class="lightbox-link"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-ca92237e2011baa1dc4aea5593706636"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Nevertheless, yer requirements may differ from this configurat'n. Luckily th' theme got ye covered as th' themebar, its buttons an' th' functionality behind these buttons be fully configur'ble by ye.</p>
 
 <div class="box notices cstyle tip">
@@ -1558,8 +1558,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 </div>
 <h2 id="areas">Areas</h2>
 <p>Th' default configurat'n comes wit' three predefined areas that may contain an arbitrary set o' buttons.</p>
-<p><a href="#R-image-11e8428ca2135499d6f89c64a675eef3" class="lightbox-link"><img src="../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-11e8428ca2135499d6f89c64a675eef3"><img src="../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-9e8e4b046e353c00626f7f0f405c704c" class="lightbox-link"><img src="../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-9e8e4b046e353c00626f7f0f405c704c"><img src="../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <ul>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu an' breadcrumb</li>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on th' opposite breadcrumb side 'n comparison t' th' <em>start</em> area</li>
@@ -3256,8 +3256,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-c3e792f55792f8f16fab00a29cab2333" class="lightbox-link"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c3e792f55792f8f16fab00a29cab2333"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-28feb4acd6a8cc175672d43190ec6823" class="lightbox-link"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-28feb4acd6a8cc175672d43190ec6823"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
 <p>Cap'n Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flex'ble way</a> t' handle order fer yer planks.</p>
 <p>Th' simplest way be t' set <code>weight</code> parameter t' a number.</p>
@@ -3307,8 +3307,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
-<p><a href="#R-image-d7e4e8b21a014f4fe35e71becf1634ef" class="lightbox-link"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d7e4e8b21a014f4fe35e71becf1634ef"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c3b1779e31d031dfe6cf371140f0c7bb" class="lightbox-link"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c3b1779e31d031dfe6cf371140f0c7bb"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a home plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -3318,8 +3318,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
-<p><a href="#R-image-0f36a567ac4b6e40ecf089e92afb2623" class="lightbox-link"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0f36a567ac4b6e40ecf089e92afb2623"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-dfac4c9e20314dc6d76b88b1c11a95c7" class="lightbox-link"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-dfac4c9e20314dc6d76b88b1c11a95c7"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -3331,8 +3331,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace th' <code>X</code> wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
-<p><a href="#R-image-67c3b13474e363d03f61a4c39c3eef2d" class="lightbox-link"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-67c3b13474e363d03f61a4c39c3eef2d"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-37d8950729b204034630f14be63b76c3" class="lightbox-link"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-37d8950729b204034630f14be63b76c3"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
@@ -3906,8 +3906,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-5cbe43ace3dd350ad3b7abcd6e2433ab" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5cbe43ace3dd350ad3b7abcd6e2433ab"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-ffab950f8234a685fa3ed657e7c014ef" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-ffab950f8234a685fa3ed657e7c014ef"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image wit' Tooltip</h3>
@@ -3917,8 +3917,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-909863310a503b47f2bf36be4a420c93" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-909863310a503b47f2bf36be4a420c93"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-b5628275d74d959dd5c46a06743c78b0" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-b5628275d74d959dd5c46a06743c78b0"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -3930,8 +3930,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-0dfd79f908d08ef2ce8ef244dcf82070" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-0dfd79f908d08ef2ce8ef244dcf82070"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-cdd4686ed8287080e6993690af98b8c0" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-cdd4686ed8287080e6993690af98b8c0"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -3943,8 +3943,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-c4dc668f99d426fe589a4685cf9988a4" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c4dc668f99d426fe589a4685cf9988a4"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-554cd8d9bc63cfe0b12dfa4370eb9ccb" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-554cd8d9bc63cfe0b12dfa4370eb9ccb"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -3952,8 +3952,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-4b432bda769c3549ff90a5a82b3a8427" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4b432bda769c3549ff90a5a82b3a8427"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-29fe3859652e227546e6a4902a132dbc" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-29fe3859652e227546e6a4902a132dbc"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -3961,8 +3961,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-4dfdc8470dcaf7917e2aa3ce7c3a1c35" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4dfdc8470dcaf7917e2aa3ce7c3a1c35"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-1c9a67f5774e4b4a01f793b0244011b1" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-1c9a67f5774e4b4a01f793b0244011b1"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -3973,8 +3973,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-64ecdebae38ac8be952d285be3e11af7" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-64ecdebae38ac8be952d285be3e11af7"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#R-image-242a6c036ec455f0f550b5b234a5de5e" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-242a6c036ec455f0f550b5b234a5de5e"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -3983,8 +3983,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-6c290556895d94286712fcede9f2ea39" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-6c290556895d94286712fcede9f2ea39"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-d662e1e70e7a9ac61319cb97b34f3610" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-d662e1e70e7a9ac61319cb97b34f3610"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -3993,8 +3993,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-c0748dc6bc7bb0c20c4457c9dfcad855" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c0748dc6bc7bb0c20c4457c9dfcad855"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-4ca6f3cce221276735b39f39d43c8872" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4ca6f3cce221276735b39f39d43c8872"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -4003,8 +4003,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-39f88de8581abd5d7c1a7a4c87ad3a0a" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-39f88de8581abd5d7c1a7a4c87ad3a0a"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-e04f804abc6c0694cb8e06b9d2874141" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-e04f804abc6c0694cb8e06b9d2874141"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -4016,14 +4016,14 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-bfe2194edf48d686dda67af56eadcec3" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-bfe2194edf48d686dda67af56eadcec3"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-fd2e426d8e0ae827ff7140cbfab603a0" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-fd2e426d8e0ae827ff7140cbfab603a0"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-7d6ea1f6ddd72d6833972fde0179f29d" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7d6ea1f6ddd72d6833972fde0179f29d"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-9db1261ae7d87c44dd2e52bd8aad1d36" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-9db1261ae7d87c44dd2e52bd8aad1d36"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-be8f6f7799cee29614dc1a28a2dfad1c" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-be8f6f7799cee29614dc1a28a2dfad1c"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-167fc934ae1412883b7f1a2c9ea09b05" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-167fc934ae1412883b7f1a2c9ea09b05"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-cf49327da99eee11be4bc4c9f467dfd4" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-cf49327da99eee11be4bc4c9f467dfd4"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-fa503fe2eebbd7fa3743ecdadd016afc" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-fa503fe2eebbd7fa3743ecdadd016afc"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combinat'n</h5>
@@ -4032,8 +4032,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-3d71d46d998d0aff23b57ff8569e1c57" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-3d71d46d998d0aff23b57ff8569e1c57"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#R-image-abdae6c67f634efc63d15a91b78d59b5" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-abdae6c67f634efc63d15a91b78d59b5"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -4074,13 +4074,13 @@ line 3 o' code
 <p>Without any sett'ns 'n yer <code>config.toml</code> this defaults t'</p>
 
   
-<div class="tab-panel" data-tab-group="013609587b81b3964732a5bf113304a9">
+<div class="tab-panel" data-tab-group="3378f2e7c9c167d2c12b93361062697b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('013609587b81b3964732a5bf113304a9','configtoml')"
+      onclick="switchTab('3378f2e7c9c167d2c12b93361062697b','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -4101,13 +4101,13 @@ line 3 o' code
 </div><p>This can be overridden 'n a planks frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="d9f54e17a83bad83904deb561ff59ff2">
+<div class="tab-panel" data-tab-group="a0770e1c26142eca3ab5cd6693ef57c3">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('d9f54e17a83bad83904deb561ff59ff2','frontmatter')"
+      onclick="switchTab('a0770e1c26142eca3ab5cd6693ef57c3','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -4127,13 +4127,13 @@ line 3 o' code
 </div><p>Or by explicitly override sett'ns by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="4ebee542eec7930b2c5df1ed1544789c">
+<div class="tab-panel" data-tab-group="e61d8a1a106ea947d3a339e79ac105b2">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('4ebee542eec7930b2c5df1ed1544789c','url')"
+      onclick="switchTab('e61d8a1a106ea947d3a339e79ac105b2','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -4150,13 +4150,13 @@ line 3 o' code
 </div><p>Th' sett'ns applied t' th' above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="9280b9ada15bc1b1cdf349e3bd92d8be">
+<div class="tab-panel" data-tab-group="cabcb3810801c16eabfe3f98b81d2a8e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('9280b9ada15bc1b1cdf349e3bd92d8be','result')"
+      onclick="switchTab('cabcb3810801c16eabfe3f98b81d2a8e','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -4176,13 +4176,13 @@ line 3 o' code
 </div><p>This ends up 'n th' follow'n HTML whar' th' parameter be converted t' CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="e9efb8f01c4bf837bc7d51f5ff775478">
+<div class="tab-panel" data-tab-group="7134cf1b4ff2c3da004cb7d07d1c39a8">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('e9efb8f01c4bf837bc7d51f5ff775478','html')"
+      onclick="switchTab('7134cf1b4ff2c3da004cb7d07d1c39a8','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -4361,8 +4361,8 @@ However, if ye want t' keep th' title but change its value, it can be overridden
 <li>Automatic menu generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
-<p><a href="#R-image-5e2a48510c4f1b48113a7294675342af" class="lightbox-link"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5e2a48510c4f1b48113a7294675342af"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-b9143eda10b4cadc0ddcf02353cdcd17" class="lightbox-link"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-b9143eda10b4cadc0ddcf02353cdcd17"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <p>Aft learn'n <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Cap'n Hugo handle multilingual websites</a>, define yer languages 'n yer <code>config.toml</code> file.</p>
 <p>For example wit' current English an' Piratized English website.</p>
@@ -5819,13 +5819,13 @@ So its rrrambl'n be used as descript'n.</p>
 <p>Th' <code>expand</code> shortcode displays an expandable/collaps'ble section o' text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-c37efb6e011310a812ef23bea602dd2b" aria-controls="R-expandcontent-c37efb6e011310a812ef23bea602dd2b" >
-    <label class="expand-label" for="R-expand-c37efb6e011310a812ef23bea602dd2b" >
+    <input type="checkbox" id="R-expand-c65167b54b7ecec3485fe66f37640bd1" aria-controls="R-expandcontent-c65167b54b7ecec3485fe66f37640bd1" >
+    <label class="expand-label" for="R-expand-c65167b54b7ecec3485fe66f37640bd1" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-c37efb6e011310a812ef23bea602dd2b" class="expand-content">
+    <div id="R-expandcontent-c65167b54b7ecec3485fe66f37640bd1" class="expand-content">
 
 <p>Thank ye!</p>
 <p>That&rsquo;s some text wit' a footnote<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
@@ -5943,26 +5943,26 @@ So its rrrambl'n be used as descript'n.</p>
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">ye</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-e2517e10bef5dcf90e426ebefeed3929" aria-controls="R-expandcontent-e2517e10bef5dcf90e426ebefeed3929" >
-    <label class="expand-label" for="R-expand-e2517e10bef5dcf90e426ebefeed3929" >
+    <input type="checkbox" id="R-expand-126562c225834a68fbea804422f718ea" aria-controls="R-expandcontent-126562c225834a68fbea804422f718ea" >
+    <label class="expand-label" for="R-expand-126562c225834a68fbea804422f718ea" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-e2517e10bef5dcf90e426ebefeed3929" class="expand-content">
+    <div id="R-expandcontent-126562c225834a68fbea804422f718ea" class="expand-content">
 <p>
 Yes, ye did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">t'</span> <span class="nx">press</span> <span class="nx">ye</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-f44f9848df1d6732bd17ee2d03cf8a85" aria-controls="R-expandcontent-f44f9848df1d6732bd17ee2d03cf8a85"  checked>
-    <label class="expand-label" for="R-expand-f44f9848df1d6732bd17ee2d03cf8a85" >
+    <input type="checkbox" id="R-expand-3adfb6bc15b36d3e1195dcf6c15e0ca5" aria-controls="R-expandcontent-3adfb6bc15b36d3e1195dcf6c15e0ca5"  checked>
+    <label class="expand-label" for="R-expand-3adfb6bc15b36d3e1195dcf6c15e0ca5" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-f44f9848df1d6732bd17ee2d03cf8a85" class="expand-content">
+    <div id="R-expandcontent-3adfb6bc15b36d3e1195dcf6c15e0ca5" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -5983,13 +5983,13 @@ No need t' press ye!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">th'</span> <span class="nx">possibilities</span> <span class="nx">be</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">includ'n</span> <span class="nx">other</span> <span class="nx">shorrrtcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-ac1c02bb28c6b252f50d817c8114e4e8" aria-controls="R-expandcontent-ac1c02bb28c6b252f50d817c8114e4e8" >
-    <label class="expand-label" for="R-expand-ac1c02bb28c6b252f50d817c8114e4e8" >
+    <input type="checkbox" id="R-expand-fbda618371deb5c51044136b96cf7b3d" aria-controls="R-expandcontent-fbda618371deb5c51044136b96cf7b3d" >
+    <label class="expand-label" for="R-expand-fbda618371deb5c51044136b96cf7b3d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="R-expandcontent-ac1c02bb28c6b252f50d817c8114e4e8" class="expand-content">
+    <div id="R-expandcontent-fbda618371deb5c51044136b96cf7b3d" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -6026,13 +6026,13 @@ No need t' press ye!</div>
 <p>Th' <code>highlight</code> shortcode renders yer code wit' a rules highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="06007b3da63da624e0de5cf457bd813f">
+<div class="tab-panel" data-tab-group="4d8bb49ab272cea1efd2344efe6b85e2">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('06007b3da63da624e0de5cf457bd813f','python')"
+      onclick="switchTab('4d8bb49ab272cea1efd2344efe6b85e2','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -6237,13 +6237,13 @@ No need t' press ye!</div>
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="2fbe9ce49b74fd5622e56d2db0b8f48d">
+<div class="tab-panel" data-tab-group="ecbbabb5a0712020bb3c33d3ee075361">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('2fbe9ce49b74fd5622e56d2db0b8f48d','python')"
+      onclick="switchTab('ecbbabb5a0712020bb3c33d3ee075361','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -7748,7 +7748,7 @@ Electricity grid,H2 conversion,27.14
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-c127411101c14c2cbb634d8e70057c6e"
+    id="R-openapi-e00b63c7be86c3a4de1dd89cbab320c8"
     data-openapi-url="../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -7846,13 +7846,13 @@ Electricity grid,H2 conversion,27.14
 <p>T' use formatted parameter, add this 'n yer <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="74a1053fb5817bb50771ce2499af0b33">
+<div class="tab-panel" data-tab-group="d9fb2432a6ec720da43357253317de8d">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('74a1053fb5817bb50771ce2499af0b33','configtoml')"
+      onclick="switchTab('d9fb2432a6ec720da43357253317de8d','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -7886,13 +7886,13 @@ Electricity grid,H2 conversion,27.14
 <p>This be especially useful if ye want t' flag yer code example wit' an explicit language.</p>
 <p>If ye want multiple tabs grouped together ye can wrap yer tabs into th' <a href="../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="be119b32542a843bd92402eec6616917">
+<div class="tab-panel" data-tab-group="fadf4f8817c7b6fa36b91bfcf4fa2ed3">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('be119b32542a843bd92402eec6616917','c')"
+      onclick="switchTab('fadf4f8817c7b6fa36b91bfcf4fa2ed3','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -7997,13 +7997,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="17db7e4e900d83c54b7ac2cfcc7cc95a">
+<div class="tab-panel" data-tab-group="3bc439c72228b46621b311edde0bfb90">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('17db7e4e900d83c54b7ac2cfcc7cc95a','code')"
+      onclick="switchTab('3bc439c72228b46621b311edde0bfb90','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -8025,13 +8025,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="4fc7816b5081f3b5d28b3b661dd1904b">
+<div class="tab-panel" data-tab-group="dd1c4c6e4503e29ac863af1559a3d22e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('4fc7816b5081f3b5d28b3b661dd1904b','mixed')"
+      onclick="switchTab('dd1c4c6e4503e29ac863af1559a3d22e','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -8076,41 +8076,41 @@ Electricity grid,H2 conversion,27.14
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">th'</span> <span class="nx">background</span> <span class="nx">t'</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">o'</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">an'</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">ay'con</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="3f83290bc9c5ec2bc54fe8255909bc81">
+<div class="tab-panel" data-tab-group="c666c2a58332dc1b3655981e5f63307b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just-colored-style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('3f83290bc9c5ec2bc54fe8255909bc81','just-colored-style')"
+      onclick="switchTab('c666c2a58332dc1b3655981e5f63307b','just-colored-style')"
     >
       <span class="tab-nav-text">just colored style</span>
     </button>
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('3f83290bc9c5ec2bc54fe8255909bc81','just-color')"
+      onclick="switchTab('c666c2a58332dc1b3655981e5f63307b','just-color')"
     >
       <span class="tab-nav-text">just color</span>
     </button>
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('3f83290bc9c5ec2bc54fe8255909bc81','default-style-and-color')"
+      onclick="switchTab('c666c2a58332dc1b3655981e5f63307b','default-style-and-color')"
     >
       <span class="tab-nav-text">default style an' color</span>
     </button>
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('3f83290bc9c5ec2bc54fe8255909bc81','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('c666c2a58332dc1b3655981e5f63307b','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
     </button>
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('3f83290bc9c5ec2bc54fe8255909bc81','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('c666c2a58332dc1b3655981e5f63307b','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</span>
     </button>
@@ -8179,27 +8179,27 @@ Electricity grid,H2 conversion,27.14
 <p>This comes 'n handy eg. fer provid'n code snippets fer multiple languages.</p>
 <p>If ye just want a single tab ye can instead call th' <a href="../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="80a568647fe4f401d18db4dd48494303">
+<div class="tab-panel" data-tab-group="4a9cf519d57f688f6924c5643fabdaa4">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('80a568647fe4f401d18db4dd48494303','py')"
+      onclick="switchTab('4a9cf519d57f688f6924c5643fabdaa4','py')"
     >
       <span class="tab-nav-text">py</span>
     </button>
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('80a568647fe4f401d18db4dd48494303','sh')"
+      onclick="switchTab('4a9cf519d57f688f6924c5643fabdaa4','sh')"
     >
       <span class="tab-nav-text">sh</span>
     </button>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('80a568647fe4f401d18db4dd48494303','c')"
+      onclick="switchTab('4a9cf519d57f688f6924c5643fabdaa4','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -8347,27 +8347,27 @@ Electricity grid,H2 conversion,27.14
 <p>See what happens t' th' tab views while ye select different tabs.</p>
 <p>While press'n a tab o' Group A switches all tab views o' Group A 'n sync (if th' tab be available), th' tabs o' Group B be left untouched.</p>
 
-<div class="tab-panel" data-tab-group="ab6204f2e5d78ad7fc3a7bb932b7c258">
+<div class="tab-panel" data-tab-group="d12255c88594b3dc31a8a579e9a875ea">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="group-a-tab-view-1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('ab6204f2e5d78ad7fc3a7bb932b7c258','group-a-tab-view-1')"
+      onclick="switchTab('d12255c88594b3dc31a8a579e9a875ea','group-a-tab-view-1')"
     >
       <span class="tab-nav-text">Group A, Tab View 1</span>
     </button>
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('ab6204f2e5d78ad7fc3a7bb932b7c258','group-a-tab-view-2')"
+      onclick="switchTab('d12255c88594b3dc31a8a579e9a875ea','group-a-tab-view-2')"
     >
       <span class="tab-nav-text">Group A, Tab View 2</span>
     </button>
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('ab6204f2e5d78ad7fc3a7bb932b7c258','group-b')"
+      onclick="switchTab('d12255c88594b3dc31a8a579e9a875ea','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -8725,8 +8725,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1697038927" defer></script>
+    <script src="../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1697040180" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -8755,27 +8755,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse( null ) );
     </script>
-    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1697038927"></script>
-    <script src="../js/d3/d3-color.min.js?1697038927" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1697038927" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1697038927" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1697038927" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1697038927" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1697038927" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1697038927" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1697038927" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1697038927" defer></script>
-    <script src="../js/js-yaml.min.js?1697038927" defer></script>
-    <script src="../js/mermaid.min.js?1697038927" defer></script>
+    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1697040180"></script>
+    <script src="../js/d3/d3-color.min.js?1697040180" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1697040180" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1697040180" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1697040180" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1697040180" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1697040180" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1697040180" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1697040180" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1697040180" defer></script>
+    <script src="../js/js-yaml.min.js?1697040180" defer></script>
+    <script src="../js/mermaid.min.js?1697040180" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse( null );
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../js/swagger-ui/swagger-ui-bundle.js?1697038927" defer></script>
-    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1697038927" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-bundle.js?1697040180" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1697040180" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1697038927", assetsBuster:  1697038927  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1697040180", assetsBuster:  1697040180  };
     </script>
-    <script src="../js/theme.js?1697038927" defer></script>
+    <script src="../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/more/credits/index.html b/pir/more/credits/index.html
index 8a0a96f99a..07994faa91 100644
--- a/pir/more/credits/index.html
+++ b/pir/more/credits/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Crrredits :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Crrredits :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Crrredits :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Crrredits :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/more/credits/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/more/credits/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -284,12 +284,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038926" defer></script>
-        <script src="../../../js/search.js?1697038926" defer></script>
+        <script src="../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -446,13 +446,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038926"></script>
+          <script async src="../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038926" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038926" defer></script>
-    <script src="../../../js/theme.js?1697038926" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/more/credits/index.print.html b/pir/more/credits/index.print.html
index 99220b95bf..8eac3b563e 100644
--- a/pir/more/credits/index.print.html
+++ b/pir/more/credits/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Crrredits :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Crrredits :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Crrredits :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Crrredits :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/more/credits/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/more/credits/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -156,8 +156,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/search.html b/pir/search.html
index 0fecafb474..9acdfa714b 100644
--- a/pir/search.html
+++ b/pir/search.html
@@ -7,35 +7,35 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Searrrch :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Searrrch :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/search.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Searrrch :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Searrrch :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/search.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/search.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/search.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/search.html" rel="canonical" type="text/html" title="Searrrch :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../js/url.js?1697038927"></script>
-    <script src="../js/variant.js?1697038927"></script>
+    <link href="../css/fontawesome-all.min.css?1697040180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697040180" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1697040180" rel="stylesheet">
+    <link href="../css/auto-complete.css?1697040180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697040180" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1697040180" rel="stylesheet">
+    <link href="../css/fonts.css?1697040180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697040180" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1697040180" rel="stylesheet">
+    <link href="../css/theme-auto.css?1697040180" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1697040180" rel="stylesheet">
+    <link href="../css/print.css?1697040180" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1697040180" rel="stylesheet">
+    <script src="../js/url.js?1697040180"></script>
+    <script src="../js/variant.js?1697040180"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -204,12 +204,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1697038927" defer></script>
-        <script src="../js/lunr/lunr.min.js?1697038927" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1697038927" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1697038927" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1697038927" defer></script>
-        <script src="../js/search.js?1697038927" defer></script>
+        <script src="../js/auto-complete.js?1697040180" defer></script>
+        <script src="../js/lunr/lunr.min.js?1697040180" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1697040180" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1697040180" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1697040180" defer></script>
+        <script src="../js/search.js?1697040180" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -366,13 +366,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1697038927"></script>
+          <script async src="../js/github-buttons.js?1697040180"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../js/theme.js?1697038927" defer></script>
+    <script src="../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.html b/pir/shortcodes/attachments/index.html
index 9b3fec3d0b..07749173b3 100644
--- a/pir/shortcodes/attachments/index.html
+++ b/pir/shortcodes/attachments/index.html
@@ -7,6 +7,11 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Attachments :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Attachments NoTreasure.txt (26 B) 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) Arrr Since Cap&#39;n Hugo 0.112.0 this only works fer leaf bundles. Branch bundles an&#39; simple planks must be switched t&#39; leaf bundles or ye be currently locked t&#39; a Cap&#39;n Hugo version &lt; 0.">
     <meta property="og:title" content="Attachments :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Attachments NoTreasure.txt (26 B) 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) Arrr Since Cap&#39;n Hugo 0.112.0 this only works fer leaf bundles. Branch bundles an&#39; simple planks must be switched t&#39; leaf bundles or ye be currently locked t&#39; a Cap&#39;n Hugo version &lt; 0.">
@@ -15,31 +20,26 @@ Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Ca
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Attachments :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Attachments NoTreasure.txt (26 B) 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) Arrr Since Cap&#39;n Hugo 0.112.0 this only works fer leaf bundles. Branch bundles an&#39; simple planks must be switched t&#39; leaf bundles or ye be currently locked t&#39; a Cap&#39;n Hugo version &lt; 0.">
     <title>Attachments :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/attachments/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/attachments/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -496,12 +496,12 @@ Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Ca
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../../../js/search.js?1697038924" defer></script>
+        <script src="../../../js/auto-complete.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../../../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -658,13 +658,13 @@ Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Ca
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038925"></script>
+          <script async src="../../../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038925" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038925" defer></script>
-    <script src="../../../js/theme.js?1697038925" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.print.html b/pir/shortcodes/attachments/index.print.html
index 4c1d6a1839..2f7c316db7 100644
--- a/pir/shortcodes/attachments/index.print.html
+++ b/pir/shortcodes/attachments/index.print.html
@@ -7,6 +7,11 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Attachments :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Attachments NoTreasure.txt (26 B) 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) Arrr Since Cap&#39;n Hugo 0.112.0 this only works fer leaf bundles. Branch bundles an&#39; simple planks must be switched t&#39; leaf bundles or ye be currently locked t&#39; a Cap&#39;n Hugo version &lt; 0.">
     <meta property="og:title" content="Attachments :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Attachments NoTreasure.txt (26 B) 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) Arrr Since Cap&#39;n Hugo 0.112.0 this only works fer leaf bundles. Branch bundles an&#39; simple planks must be switched t&#39; leaf bundles or ye be currently locked t&#39; a Cap&#39;n Hugo version &lt; 0.">
@@ -15,32 +20,27 @@ Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Ca
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Attachments :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Attachments NoTreasure.txt (26 B) 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) Arrr Since Cap&#39;n Hugo 0.112.0 this only works fer leaf bundles. Branch bundles an&#39; simple planks must be switched t&#39; leaf bundles or ye be currently locked t&#39; a Cap&#39;n Hugo version &lt; 0.">
     <title>Attachments :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/attachments/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/attachments/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -353,8 +353,8 @@ Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Ca
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.html b/pir/shortcodes/badge/index.html
index 260816f188..7aeca7edb4 100644
--- a/pir/shortcodes/badge/index.html
+++ b/pir/shortcodes/badge/index.html
@@ -7,6 +7,13 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Badge :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="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.
+&#8203; shortcode partial {{% badge %}}Important{{% /badge %}} {{% badge style=&#34;primary&#34; title=&#34;Version&#34; %}}6.6.6{{% /badge %}} {{% badge style=&#34;red&#34; ay&#39;con=&#34;angle-double-up&#34; %}}Captain{{% /badge %}} {{% badge style=&#34;info&#34; %}}New{{% /badge %}} {{% badge color=&#34;fuchsia&#34; ay&#39;con=&#34;fab fa-hackerrank&#34; %}}Awesome{{% /badge %}} {{ partial &#34;shortcodes/badge.">
     <meta property="og:title" content="Badge :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="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
@@ -17,33 +24,26 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Badge :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="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.
-&#8203; shortcode partial {{% badge %}}Important{{% /badge %}} {{% badge style=&#34;primary&#34; title=&#34;Version&#34; %}}6.6.6{{% /badge %}} {{% badge style=&#34;red&#34; ay&#39;con=&#34;angle-double-up&#34; %}}Captain{{% /badge %}} {{% badge style=&#34;info&#34; %}}New{{% /badge %}} {{% badge color=&#34;fuchsia&#34; ay&#39;con=&#34;fab fa-hackerrank&#34; %}}Awesome{{% /badge %}} {{ partial &#34;shortcodes/badge.">
     <title>Badge :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/badge/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/badge/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -432,12 +432,12 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038925" defer></script>
-        <script src="../../../js/search.js?1697038925" defer></script>
+        <script src="../../../js/auto-complete.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040178" defer></script>
+        <script src="../../../js/search.js?1697040178" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -594,13 +594,13 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038925"></script>
+          <script async src="../../../js/github-buttons.js?1697040178"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038925" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038925" defer></script>
-    <script src="../../../js/theme.js?1697038925" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040178" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040178" defer></script>
+    <script src="../../../js/theme.js?1697040178" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.print.html b/pir/shortcodes/badge/index.print.html
index 360f9906e9..d0f6d76d02 100644
--- a/pir/shortcodes/badge/index.print.html
+++ b/pir/shortcodes/badge/index.print.html
@@ -7,6 +7,13 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Badge :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="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.
+&#8203; shortcode partial {{% badge %}}Important{{% /badge %}} {{% badge style=&#34;primary&#34; title=&#34;Version&#34; %}}6.6.6{{% /badge %}} {{% badge style=&#34;red&#34; ay&#39;con=&#34;angle-double-up&#34; %}}Captain{{% /badge %}} {{% badge style=&#34;info&#34; %}}New{{% /badge %}} {{% badge color=&#34;fuchsia&#34; ay&#39;con=&#34;fab fa-hackerrank&#34; %}}Awesome{{% /badge %}} {{ partial &#34;shortcodes/badge.">
     <meta property="og:title" content="Badge :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="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
@@ -17,34 +24,27 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Badge :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="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.
-&#8203; shortcode partial {{% badge %}}Important{{% /badge %}} {{% badge style=&#34;primary&#34; title=&#34;Version&#34; %}}6.6.6{{% /badge %}} {{% badge style=&#34;red&#34; ay&#39;con=&#34;angle-double-up&#34; %}}Captain{{% /badge %}} {{% badge style=&#34;info&#34; %}}New{{% /badge %}} {{% badge color=&#34;fuchsia&#34; ay&#39;con=&#34;fab fa-hackerrank&#34; %}}Awesome{{% /badge %}} {{ partial &#34;shortcodes/badge.">
     <title>Badge :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/badge/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/badge/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -296,8 +296,8 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.html b/pir/shortcodes/button/index.html
index 5fa88500fb..1691e6f96a 100644
--- a/pir/shortcodes/button/index.html
+++ b/pir/shortcodes/button/index.html
@@ -7,6 +7,12 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Button :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="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.
+&#8203; shortcode partial {{% button href=&#34;https://gohugo.io/&#34; %}}Get Cap&#39;n Hugo{{% /button %}} {{% button href=&#34;https://gohugo.io/&#34; style=&#34;warning&#34; ay&#39;con=&#34;dragon&#34; %}}Get Cap&#39;n Hugo{{% /button %}} {{ partial &#34;shortcodes/button.html&#34; (dict &#34;page&#34; . &#34;href&#34; &#34;https://gohugo.">
     <meta property="og:title" content="Button :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="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.
@@ -16,32 +22,26 @@ Get Cap&#39;n Hugo Get Cap&#39;n Hugo Usage While th&#39; examples be us&#39;n s
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Button :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="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.
-&#8203; shortcode partial {{% button href=&#34;https://gohugo.io/&#34; %}}Get Cap&#39;n Hugo{{% /button %}} {{% button href=&#34;https://gohugo.io/&#34; style=&#34;warning&#34; ay&#39;con=&#34;dragon&#34; %}}Get Cap&#39;n Hugo{{% /button %}} {{ partial &#34;shortcodes/button.html&#34; (dict &#34;page&#34; . &#34;href&#34; &#34;https://gohugo.">
     <title>Button :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/button/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/button/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -570,12 +570,12 @@ Get Cap&#39;n Hugo Get Cap&#39;n Hugo Usage While th&#39; examples be us&#39;n s
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038925" defer></script>
-        <script src="../../../js/search.js?1697038925" defer></script>
+        <script src="../../../js/auto-complete.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040178" defer></script>
+        <script src="../../../js/search.js?1697040178" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -732,13 +732,13 @@ Get Cap&#39;n Hugo Get Cap&#39;n Hugo Usage While th&#39; examples be us&#39;n s
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038925"></script>
+          <script async src="../../../js/github-buttons.js?1697040178"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038925" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038925" defer></script>
-    <script src="../../../js/theme.js?1697038925" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040178" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040178" defer></script>
+    <script src="../../../js/theme.js?1697040178" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.print.html b/pir/shortcodes/button/index.print.html
index 8a049ca7bd..5948135f03 100644
--- a/pir/shortcodes/button/index.print.html
+++ b/pir/shortcodes/button/index.print.html
@@ -7,6 +7,12 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Button :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="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.
+&#8203; shortcode partial {{% button href=&#34;https://gohugo.io/&#34; %}}Get Cap&#39;n Hugo{{% /button %}} {{% button href=&#34;https://gohugo.io/&#34; style=&#34;warning&#34; ay&#39;con=&#34;dragon&#34; %}}Get Cap&#39;n Hugo{{% /button %}} {{ partial &#34;shortcodes/button.html&#34; (dict &#34;page&#34; . &#34;href&#34; &#34;https://gohugo.">
     <meta property="og:title" content="Button :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="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.
@@ -16,33 +22,27 @@ Get Cap&#39;n Hugo Get Cap&#39;n Hugo Usage While th&#39; examples be us&#39;n s
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Button :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="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.
-&#8203; shortcode partial {{% button href=&#34;https://gohugo.io/&#34; %}}Get Cap&#39;n Hugo{{% /button %}} {{% button href=&#34;https://gohugo.io/&#34; style=&#34;warning&#34; ay&#39;con=&#34;dragon&#34; %}}Get Cap&#39;n Hugo{{% /button %}} {{ partial &#34;shortcodes/button.html&#34; (dict &#34;page&#34; . &#34;href&#34; &#34;https://gohugo.">
     <title>Button :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/button/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/button/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -433,8 +433,8 @@ Get Cap&#39;n Hugo Get Cap&#39;n Hugo Usage While th&#39; examples be us&#39;n s
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" 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 d424a15e90..bcf9616747 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
@@ -8,34 +8,34 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="plank 1-1-1-1-1-1 :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="plank 1-1-1-1-1-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="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">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="plank 1-1-1-1-1-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>plank 1-1-1-1-1-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../../../../../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../../../../../../../js/url.js?1697038924"></script>
-    <script src="../../../../../../../../../js/variant.js?1697038924"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../../../../../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../../../../../../../js/url.js?1697040177"></script>
+    <script src="../../../../../../../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -234,12 +234,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../../js/auto-complete.js?1697038927" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.min.js?1697038927" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1697038927" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1697038927" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1697038927" defer></script>
-        <script src="../../../../../../../../../js/search.js?1697038927" defer></script>
+        <script src="../../../../../../../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../../../../../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -400,13 +400,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../../../js/github-buttons.js?1697038927"></script>
+          <script async src="../../../../../../../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1697040179" 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 470593a2cf..0dfc6cc2a3 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
@@ -8,35 +8,35 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="plank 1-1-1-1-1-1 :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="plank 1-1-1-1-1-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="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">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="plank 1-1-1-1-1-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>plank 1-1-1-1-1-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../../../../../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../../../../../../../js/url.js?1697038927"></script>
-    <script src="../../../../../../../../../js/variant.js?1697038927"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../../../../../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../../../../../../../js/url.js?1697040179"></script>
+    <script src="../../../../../../../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -114,8 +114,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1697040180" 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 bad7577cc2..03244c7cb2 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
@@ -8,34 +8,34 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="plank 1-1-1-1-1 (hidden) :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="plank 1-1-1-1-1 (hidden) :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="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">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="plank 1-1-1-1-1 (hidden) :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>plank 1-1-1-1-1 (hidden) :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1697038924"></script>
-    <script src="../../../../../../../../js/variant.js?1697038924"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1697040177"></script>
+    <script src="../../../../../../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -244,12 +244,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../js/auto-complete.js?1697038927" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1697038927" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1697038927" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1697038927" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1697038927" defer></script>
-        <script src="../../../../../../../../js/search.js?1697038927" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../../../../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -410,13 +410,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../../js/github-buttons.js?1697038927"></script>
+          <script async src="../../../../../../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../../../../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../../../../../../js/theme.js?1697040179" 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 c8429daf6b..9b5f74c850 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
@@ -8,35 +8,35 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="plank 1-1-1-1-1 (hidden) :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="plank 1-1-1-1-1 (hidden) :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="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">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="plank 1-1-1-1-1 (hidden) :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>plank 1-1-1-1-1 (hidden) :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1697038927"></script>
-    <script src="../../../../../../../../js/variant.js?1697038927"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1697040179"></script>
+    <script src="../../../../../../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -141,8 +141,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../../../../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../../../../../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
index b778f7ad95..1a40645e0a 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
@@ -8,34 +8,34 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="plank 1-1-1-1 :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="plank 1-1-1-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="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">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="plank 1-1-1-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>plank 1-1-1-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1697038924"></script>
-    <script src="../../../../../../../js/variant.js?1697038924"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1697040177"></script>
+    <script src="../../../../../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -243,12 +243,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1697038926" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1697038926" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1697038926" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1697038926" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1697038926" defer></script>
-        <script src="../../../../../../../js/search.js?1697038926" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../../../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -407,13 +407,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../js/github-buttons.js?1697038926"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1697038926" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1697038926" defer></script>
-    <script src="../../../../../../../js/theme.js?1697038926" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../../../../../js/theme.js?1697040179" 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 d2c45e2fc4..7bb3bbcf6a 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
@@ -8,35 +8,35 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="plank 1-1-1-1 :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="plank 1-1-1-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="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">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="plank 1-1-1-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>plank 1-1-1-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1697038927"></script>
-    <script src="../../../../../../../js/variant.js?1697038927"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1697040179"></script>
+    <script src="../../../../../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -121,8 +121,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../../../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../../../../../js/theme.js?1697040180" 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 b8fa0ae060..8066048e05 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
@@ -8,34 +8,34 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="plank 1-1-1 (hidden) :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="plank 1-1-1 (hidden) :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="plank 1-1-1 (hidden) :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>plank 1-1-1 (hidden) :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1697038924"></script>
-    <script src="../../../../../../js/variant.js?1697038924"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1697040177"></script>
+    <script src="../../../../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -242,12 +242,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1697038926" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1697038926" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1697038926" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1697038926" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1697038926" defer></script>
-        <script src="../../../../../../js/search.js?1697038926" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -406,13 +406,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1697038926"></script>
+          <script async src="../../../../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1697038926" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1697038926" defer></script>
-    <script src="../../../../../../js/theme.js?1697038926" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../../../../js/theme.js?1697040179" 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 8d432e783e..af0b308e9e 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
@@ -8,35 +8,35 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="plank 1-1-1 (hidden) :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="plank 1-1-1 (hidden) :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="plank 1-1-1 (hidden) :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>plank 1-1-1 (hidden) :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1697038927"></script>
-    <script src="../../../../../../js/variant.js?1697038927"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1697040179"></script>
+    <script src="../../../../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -148,8 +148,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../../../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html
index 26a37ac415..5aa67bc83c 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
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="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">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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="alternate" hreflang="x-default">
     <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="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1697038924"></script>
-    <script src="../../../../../../../js/variant.js?1697038924"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1697040177"></script>
+    <script src="../../../../../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -233,12 +233,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1697038927" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1697038927" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1697038927" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1697038927" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1697038927" defer></script>
-        <script src="../../../../../../../js/search.js?1697038927" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../../../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -395,13 +395,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../js/github-buttons.js?1697038927"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../../../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../../../../../js/theme.js?1697040179" 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 b41fbe2b0a..d24af743e2 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
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="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">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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="alternate" hreflang="x-default">
     <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="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1697038927"></script>
-    <script src="../../../../../../../js/variant.js?1697038927"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1697040179"></script>
+    <script src="../../../../../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -113,8 +113,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../../../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../../../../../js/theme.js?1697040180" 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 a6d2143fe4..0287c3b7d5 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
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="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">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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="alternate" hreflang="x-default">
     <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="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1697038924"></script>
-    <script src="../../../../../../../js/variant.js?1697038924"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1697040177"></script>
+    <script src="../../../../../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -233,12 +233,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1697038927" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1697038927" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1697038927" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1697038927" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1697038927" defer></script>
-        <script src="../../../../../../../js/search.js?1697038927" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../../../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -395,13 +395,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../js/github-buttons.js?1697038927"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../../../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../../../../../js/theme.js?1697040179" 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 637ca80ae0..ef9c25ae80 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
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="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">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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="alternate" hreflang="x-default">
     <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="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1697038927"></script>
-    <script src="../../../../../../../js/variant.js?1697038927"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1697040179"></script>
+    <script src="../../../../../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -113,8 +113,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../../../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../../../../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html
index 8ade3a6ba8..dd17faf83b 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
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/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-3/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-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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1697038924"></script>
-    <script src="../../../../../../js/variant.js?1697038924"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1697040177"></script>
+    <script src="../../../../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -232,12 +232,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1697038927" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1697038927" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1697038927" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1697038927" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1697038927" defer></script>
-        <script src="../../../../../../js/search.js?1697038927" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -394,13 +394,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1697038927"></script>
+          <script async src="../../../../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../../../../js/theme.js?1697040179" 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 1fdabd1b77..1a0f594fe2 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
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/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-3/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-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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1697038927"></script>
-    <script src="../../../../../../js/variant.js?1697038927"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1697040179"></script>
+    <script src="../../../../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -112,8 +112,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../../../../js/theme.js?1697040180" 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 00860085af..82403d2b6d 100644
--- a/pir/shortcodes/children/children-1/children-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-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/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../../../js/url.js?1697038924"></script>
-    <script src="../../../../../js/variant.js?1697038924"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../../../js/url.js?1697040177"></script>
+    <script src="../../../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -244,12 +244,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1697038926" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1697038926" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1697038926" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1697038926" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1697038926" defer></script>
-        <script src="../../../../../js/search.js?1697038926" defer></script>
+        <script src="../../../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -406,13 +406,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1697038926"></script>
+          <script async src="../../../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1697038926" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1697038926" defer></script>
-    <script src="../../../../../js/theme.js?1697038926" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../../../js/theme.js?1697040179" 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 7098be57a4..abee1c3d91 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
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-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/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../../../js/url.js?1697038927"></script>
-    <script src="../../../../../js/variant.js?1697038927"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../../../js/url.js?1697040179"></script>
+    <script src="../../../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1697038927" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/index.html b/pir/shortcodes/children/children-1/index.html
index 32aebe236b..f1018b52a0 100644
--- a/pir/shortcodes/children/children-1/index.html
+++ b/pir/shortcodes/children/children-1/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="plank 1 :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="plank 1 :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="plank 1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>plank 1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../../js/url.js?1697038924"></script>
-    <script src="../../../../js/variant.js?1697038924"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../../js/url.js?1697040177"></script>
+    <script src="../../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -241,12 +241,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1697038926" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1697038926" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1697038926" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1697038926" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1697038926" defer></script>
-        <script src="../../../../js/search.js?1697038926" defer></script>
+        <script src="../../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -403,13 +403,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1697038926"></script>
+          <script async src="../../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1697038926" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1697038926" defer></script>
-    <script src="../../../../js/theme.js?1697038926" defer></script>
+    <script src="../../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../../js/theme.js?1697040179" 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 98e363f511..f5e66f1908 100644
--- a/pir/shortcodes/children/children-1/index.print.html
+++ b/pir/shortcodes/children/children-1/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="plank 1 :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="plank 1 :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="plank 1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>plank 1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../../js/url.js?1697038927"></script>
-    <script src="../../../../js/variant.js?1697038927"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../../js/url.js?1697040179"></script>
+    <script src="../../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -226,8 +226,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-2/index.html b/pir/shortcodes/children/children-2/index.html
index 45a250c393..3caa216082 100644
--- a/pir/shortcodes/children/children-2/index.html
+++ b/pir/shortcodes/children/children-2/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="plank 2 :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="plank 2 :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="plank 2 :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>plank 2 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-2/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-2/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../../js/url.js?1697038924"></script>
-    <script src="../../../../js/variant.js?1697038924"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../../js/url.js?1697040177"></script>
+    <script src="../../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -231,12 +231,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1697038927" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1697038927" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1697038927" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1697038927" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1697038927" defer></script>
-        <script src="../../../../js/search.js?1697038927" defer></script>
+        <script src="../../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -393,13 +393,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1697038927"></script>
+          <script async src="../../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../../js/theme.js?1697040179" 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 e02ec955b7..a65a604c26 100644
--- a/pir/shortcodes/children/children-2/index.print.html
+++ b/pir/shortcodes/children/children-2/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="plank 2 :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="plank 2 :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="plank 2 :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>plank 2 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-2/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-2/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../../js/url.js?1697038927"></script>
-    <script src="../../../../js/variant.js?1697038927"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../../js/url.js?1697040179"></script>
+    <script src="../../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -111,8 +111,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/index.html b/pir/shortcodes/children/children-3/index.html
index bc4f8d9a20..208e4eacd3 100644
--- a/pir/shortcodes/children/children-3/index.html
+++ b/pir/shortcodes/children/children-3/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="plank 3 :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="plank 3 :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="plank 3 :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>plank 3 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-3/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../../js/url.js?1697038924"></script>
-    <script src="../../../../js/variant.js?1697038924"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../../js/url.js?1697040177"></script>
+    <script src="../../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -241,12 +241,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1697038927" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1697038927" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1697038927" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1697038927" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1697038927" defer></script>
-        <script src="../../../../js/search.js?1697038927" defer></script>
+        <script src="../../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -403,13 +403,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1697038927"></script>
+          <script async src="../../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../../js/theme.js?1697040179" 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 d25f593049..4e52e36095 100644
--- a/pir/shortcodes/children/children-3/index.print.html
+++ b/pir/shortcodes/children/children-3/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="plank 3 :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="plank 3 :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="plank 3 :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>plank 3 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-3/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../../js/url.js?1697038927"></script>
-    <script src="../../../../js/variant.js?1697038927"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../../js/url.js?1697040179"></script>
+    <script src="../../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -138,8 +138,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/test3/index.html b/pir/shortcodes/children/children-3/test3/index.html
index 74a25c59ef..6a93eb23c7 100644
--- a/pir/shortcodes/children/children-3/test3/index.html
+++ b/pir/shortcodes/children/children-3/test3/index.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="This be a plain demo child plank.">
     <meta property="og:title" content="plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="This be a plain demo child plank.">
     <meta property="og:type" content="article">
@@ -14,30 +18,26 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="plank 3 :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="This be a plain demo child plank.">
     <title>plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-3/test3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-3/test3/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../../../js/url.js?1697038924"></script>
-    <script src="../../../../../js/variant.js?1697038924"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../../../js/url.js?1697040177"></script>
+    <script src="../../../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -232,12 +232,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1697038925" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1697038925" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1697038925" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1697038925" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1697038925" defer></script>
-        <script src="../../../../../js/search.js?1697038925" defer></script>
+        <script src="../../../../../js/auto-complete.js?1697040178" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1697040178" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1697040178" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1697040178" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1697040178" defer></script>
+        <script src="../../../../../js/search.js?1697040178" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -394,13 +394,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1697038925"></script>
+          <script async src="../../../../../js/github-buttons.js?1697040178"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1697038925" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1697038925" defer></script>
-    <script src="../../../../../js/theme.js?1697038925" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1697040178" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1697040178" defer></script>
+    <script src="../../../../../js/theme.js?1697040178" 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 39313c19d9..bf02abd73a 100644
--- a/pir/shortcodes/children/children-3/test3/index.print.html
+++ b/pir/shortcodes/children/children-3/test3/index.print.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="This be a plain demo child plank.">
     <meta property="og:title" content="plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="This be a plain demo child plank.">
     <meta property="og:type" content="article">
@@ -14,31 +18,27 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="plank 3 :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="This be a plain demo child plank.">
     <title>plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-3/test3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-3/test3/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../../../js/url.js?1697038927"></script>
-    <script src="../../../../../js/variant.js?1697038927"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../../../js/url.js?1697040179"></script>
+    <script src="../../../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -112,8 +112,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-4/index.html b/pir/shortcodes/children/children-4/index.html
index 6f1f823ca8..a12114a4e7 100644
--- a/pir/shortcodes/children/children-4/index.html
+++ b/pir/shortcodes/children/children-4/index.html
@@ -8,34 +8,34 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="plank 4 (hidden) :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="plank 4 (hidden) :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-4/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="plank 4 (hidden) :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>plank 4 (hidden) :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../../js/url.js?1697038924"></script>
-    <script src="../../../../js/variant.js?1697038924"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../../js/url.js?1697040177"></script>
+    <script src="../../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -229,12 +229,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1697038927" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1697038927" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1697038927" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1697038927" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1697038927" defer></script>
-        <script src="../../../../js/search.js?1697038927" defer></script>
+        <script src="../../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -392,13 +392,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1697038927"></script>
+          <script async src="../../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../../js/theme.js?1697040179" 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 0e22267b15..89d20325ee 100644
--- a/pir/shortcodes/children/children-4/index.print.html
+++ b/pir/shortcodes/children/children-4/index.print.html
@@ -8,35 +8,35 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="plank 4 (hidden) :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="plank 4 (hidden) :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-4/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="plank 4 (hidden) :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>plank 4 (hidden) :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../../js/url.js?1697038927"></script>
-    <script src="../../../../js/variant.js?1697038927"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../../js/url.js?1697040179"></script>
+    <script src="../../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -109,8 +109,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.html b/pir/shortcodes/children/index.html
index 60140cf768..953044ef14 100644
--- a/pir/shortcodes/children/index.html
+++ b/pir/shortcodes/children/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Children :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Children :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Children :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Children :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -428,12 +428,12 @@ So its rrrambl'n be used as descript'n.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038926" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038926" defer></script>
-        <script src="../../../js/search.js?1697038926" defer></script>
+        <script src="../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -590,13 +590,13 @@ So its rrrambl'n be used as descript'n.</p>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038926"></script>
+          <script async src="../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038926" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038926" defer></script>
-    <script src="../../../js/theme.js?1697038926" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.print.html b/pir/shortcodes/children/index.print.html
index abe63f10a7..f1b0bb5cfb 100644
--- a/pir/shortcodes/children/index.print.html
+++ b/pir/shortcodes/children/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Children :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Children :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Children :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Children :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -513,8 +513,8 @@ So its rrrambl'n be used as descript'n.</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.html b/pir/shortcodes/children/test/index.html
index 72d40921ae..5a80da61b1 100644
--- a/pir/shortcodes/children/test/index.html
+++ b/pir/shortcodes/children/test/index.html
@@ -8,6 +8,11 @@
     <meta name="description" content="This be a plain plank test, an&#39; th&#39; beginn&#39;n o&#39; a YAML multiline description…
 ">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="plank X :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="This be a plain plank test, an&#39; th&#39; beginn&#39;n o&#39; a YAML multiline description…
+">
     <meta property="og:title" content="plank X :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="This be a plain plank test, an&#39; th&#39; beginn&#39;n o&#39; a YAML multiline description…
 ">
@@ -16,31 +21,26 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Children :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="plank X :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="This be a plain plank test, an&#39; th&#39; beginn&#39;n o&#39; a YAML multiline description…
-">
     <title>plank X :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/test/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/test/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../../js/url.js?1697038924"></script>
-    <script src="../../../../js/variant.js?1697038924"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../../js/url.js?1697040177"></script>
+    <script src="../../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -233,12 +233,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1697038925" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1697038925" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1697038925" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1697038925" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1697038925" defer></script>
-        <script src="../../../../js/search.js?1697038925" defer></script>
+        <script src="../../../../js/auto-complete.js?1697040178" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1697040178" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1697040178" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1697040178" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1697040178" defer></script>
+        <script src="../../../../js/search.js?1697040178" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -395,13 +395,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1697038925"></script>
+          <script async src="../../../../js/github-buttons.js?1697040178"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1697038925" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1697038925" defer></script>
-    <script src="../../../../js/theme.js?1697038925" defer></script>
+    <script src="../../../../js/clipboard.min.js?1697040178" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1697040178" defer></script>
+    <script src="../../../../js/theme.js?1697040178" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.print.html b/pir/shortcodes/children/test/index.print.html
index 148ae24369..786c78a87d 100644
--- a/pir/shortcodes/children/test/index.print.html
+++ b/pir/shortcodes/children/test/index.print.html
@@ -8,6 +8,11 @@
     <meta name="description" content="This be a plain plank test, an&#39; th&#39; beginn&#39;n o&#39; a YAML multiline description…
 ">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="plank X :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="This be a plain plank test, an&#39; th&#39; beginn&#39;n o&#39; a YAML multiline description…
+">
     <meta property="og:title" content="plank X :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="This be a plain plank test, an&#39; th&#39; beginn&#39;n o&#39; a YAML multiline description…
 ">
@@ -16,32 +21,27 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Children :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="plank X :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="This be a plain plank test, an&#39; th&#39; beginn&#39;n o&#39; a YAML multiline description…
-">
     <title>plank X :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/test/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/test/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../../js/url.js?1697038927"></script>
-    <script src="../../../../js/variant.js?1697038927"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../../js/url.js?1697040179"></script>
+    <script src="../../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -113,8 +113,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.html b/pir/shortcodes/expand/index.html
index 71e5b054b1..6d0fe6e4ae 100644
--- a/pir/shortcodes/expand/index.html
+++ b/pir/shortcodes/expand/index.html
@@ -7,6 +7,18 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Expand :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Th&#39; expand shortcode displays an expandable/collaps&#39;ble section o&#39; text.
+Expand me&hellip; Thank ye!
+That&rsquo;s some text wit&#39; a footnote1
+That&rsquo;s some more text wit&#39; a footnote.2
+An&#39; that&rsquo;s th&#39; footnote.&#160;&#x21a9;&#xfe0e;
+Anyth&#39;n o&#39; interest goes here.
+Blue light glows blue.&#160;&#x21a9;&#xfe0e;
+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.">
     <meta property="og:title" content="Expand :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Th&#39; expand shortcode displays an expandable/collaps&#39;ble section o&#39; text.
 Expand me&hellip; Thank ye!
@@ -22,38 +34,26 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Expand :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Th&#39; expand shortcode displays an expandable/collaps&#39;ble section o&#39; text.
-Expand me&hellip; Thank ye!
-That&rsquo;s some text wit&#39; a footnote1
-That&rsquo;s some more text wit&#39; a footnote.2
-An&#39; that&rsquo;s th&#39; footnote.&#160;&#x21a9;&#xfe0e;
-Anyth&#39;n o&#39; interest goes here.
-Blue light glows blue.&#160;&#x21a9;&#xfe0e;
-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.">
     <title>Expand :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/expand/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/expand/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -168,13 +168,13 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
 <p>Th' <code>expand</code> shortcode displays an expandable/collaps'ble section o' text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-c37efb6e011310a812ef23bea602dd2b" aria-controls="R-expandcontent-c37efb6e011310a812ef23bea602dd2b" >
-    <label class="expand-label" for="R-expand-c37efb6e011310a812ef23bea602dd2b" >
+    <input type="checkbox" id="R-expand-c65167b54b7ecec3485fe66f37640bd1" aria-controls="R-expandcontent-c65167b54b7ecec3485fe66f37640bd1" >
+    <label class="expand-label" for="R-expand-c65167b54b7ecec3485fe66f37640bd1" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-c37efb6e011310a812ef23bea602dd2b" class="expand-content">
+    <div id="R-expandcontent-c65167b54b7ecec3485fe66f37640bd1" class="expand-content">
 
 <p>Thank ye!</p>
 <p>That&rsquo;s some text wit' a footnote<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
@@ -292,26 +292,26 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">ye</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-e2517e10bef5dcf90e426ebefeed3929" aria-controls="R-expandcontent-e2517e10bef5dcf90e426ebefeed3929" >
-    <label class="expand-label" for="R-expand-e2517e10bef5dcf90e426ebefeed3929" >
+    <input type="checkbox" id="R-expand-126562c225834a68fbea804422f718ea" aria-controls="R-expandcontent-126562c225834a68fbea804422f718ea" >
+    <label class="expand-label" for="R-expand-126562c225834a68fbea804422f718ea" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-e2517e10bef5dcf90e426ebefeed3929" class="expand-content">
+    <div id="R-expandcontent-126562c225834a68fbea804422f718ea" class="expand-content">
 <p>
 Yes, ye did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">t'</span> <span class="nx">press</span> <span class="nx">ye</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-f44f9848df1d6732bd17ee2d03cf8a85" aria-controls="R-expandcontent-f44f9848df1d6732bd17ee2d03cf8a85"  checked>
-    <label class="expand-label" for="R-expand-f44f9848df1d6732bd17ee2d03cf8a85" >
+    <input type="checkbox" id="R-expand-3adfb6bc15b36d3e1195dcf6c15e0ca5" aria-controls="R-expandcontent-3adfb6bc15b36d3e1195dcf6c15e0ca5"  checked>
+    <label class="expand-label" for="R-expand-3adfb6bc15b36d3e1195dcf6c15e0ca5" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-f44f9848df1d6732bd17ee2d03cf8a85" class="expand-content">
+    <div id="R-expandcontent-3adfb6bc15b36d3e1195dcf6c15e0ca5" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -332,13 +332,13 @@ No need t' press ye!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">th'</span> <span class="nx">possibilities</span> <span class="nx">be</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">includ'n</span> <span class="nx">other</span> <span class="nx">shorrrtcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-ac1c02bb28c6b252f50d817c8114e4e8" aria-controls="R-expandcontent-ac1c02bb28c6b252f50d817c8114e4e8" >
-    <label class="expand-label" for="R-expand-ac1c02bb28c6b252f50d817c8114e4e8" >
+    <input type="checkbox" id="R-expand-fbda618371deb5c51044136b96cf7b3d" aria-controls="R-expandcontent-fbda618371deb5c51044136b96cf7b3d" >
+    <label class="expand-label" for="R-expand-fbda618371deb5c51044136b96cf7b3d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="R-expandcontent-ac1c02bb28c6b252f50d817c8114e4e8" class="expand-content">
+    <div id="R-expandcontent-fbda618371deb5c51044136b96cf7b3d" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -443,12 +443,12 @@ No need t' press ye!</div>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038925" defer></script>
-        <script src="../../../js/search.js?1697038925" defer></script>
+        <script src="../../../js/auto-complete.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040178" defer></script>
+        <script src="../../../js/search.js?1697040178" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -605,13 +605,13 @@ No need t' press ye!</div>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038925"></script>
+          <script async src="../../../js/github-buttons.js?1697040178"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038925" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038925" defer></script>
-    <script src="../../../js/theme.js?1697038925" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040178" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040178" defer></script>
+    <script src="../../../js/theme.js?1697040178" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.print.html b/pir/shortcodes/expand/index.print.html
index 03f0766ab5..e9757a8966 100644
--- a/pir/shortcodes/expand/index.print.html
+++ b/pir/shortcodes/expand/index.print.html
@@ -7,6 +7,18 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Expand :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Th&#39; expand shortcode displays an expandable/collaps&#39;ble section o&#39; text.
+Expand me&hellip; Thank ye!
+That&rsquo;s some text wit&#39; a footnote1
+That&rsquo;s some more text wit&#39; a footnote.2
+An&#39; that&rsquo;s th&#39; footnote.&#160;&#x21a9;&#xfe0e;
+Anyth&#39;n o&#39; interest goes here.
+Blue light glows blue.&#160;&#x21a9;&#xfe0e;
+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.">
     <meta property="og:title" content="Expand :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Th&#39; expand shortcode displays an expandable/collaps&#39;ble section o&#39; text.
 Expand me&hellip; Thank ye!
@@ -22,39 +34,27 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Expand :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Th&#39; expand shortcode displays an expandable/collaps&#39;ble section o&#39; text.
-Expand me&hellip; Thank ye!
-That&rsquo;s some text wit&#39; a footnote1
-That&rsquo;s some more text wit&#39; a footnote.2
-An&#39; that&rsquo;s th&#39; footnote.&#160;&#x21a9;&#xfe0e;
-Anyth&#39;n o&#39; interest goes here.
-Blue light glows blue.&#160;&#x21a9;&#xfe0e;
-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.">
     <title>Expand :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/expand/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/expand/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -113,13 +113,13 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
 <p>Th' <code>expand</code> shortcode displays an expandable/collaps'ble section o' text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-c37efb6e011310a812ef23bea602dd2b" aria-controls="R-expandcontent-c37efb6e011310a812ef23bea602dd2b" >
-    <label class="expand-label" for="R-expand-c37efb6e011310a812ef23bea602dd2b" >
+    <input type="checkbox" id="R-expand-c65167b54b7ecec3485fe66f37640bd1" aria-controls="R-expandcontent-c65167b54b7ecec3485fe66f37640bd1" >
+    <label class="expand-label" for="R-expand-c65167b54b7ecec3485fe66f37640bd1" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-c37efb6e011310a812ef23bea602dd2b" class="expand-content">
+    <div id="R-expandcontent-c65167b54b7ecec3485fe66f37640bd1" class="expand-content">
 
 <p>Thank ye!</p>
 <p>That&rsquo;s some text wit' a footnote<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
@@ -237,26 +237,26 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">ye</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-e2517e10bef5dcf90e426ebefeed3929" aria-controls="R-expandcontent-e2517e10bef5dcf90e426ebefeed3929" >
-    <label class="expand-label" for="R-expand-e2517e10bef5dcf90e426ebefeed3929" >
+    <input type="checkbox" id="R-expand-126562c225834a68fbea804422f718ea" aria-controls="R-expandcontent-126562c225834a68fbea804422f718ea" >
+    <label class="expand-label" for="R-expand-126562c225834a68fbea804422f718ea" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-e2517e10bef5dcf90e426ebefeed3929" class="expand-content">
+    <div id="R-expandcontent-126562c225834a68fbea804422f718ea" class="expand-content">
 <p>
 Yes, ye did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">t'</span> <span class="nx">press</span> <span class="nx">ye</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-f44f9848df1d6732bd17ee2d03cf8a85" aria-controls="R-expandcontent-f44f9848df1d6732bd17ee2d03cf8a85"  checked>
-    <label class="expand-label" for="R-expand-f44f9848df1d6732bd17ee2d03cf8a85" >
+    <input type="checkbox" id="R-expand-3adfb6bc15b36d3e1195dcf6c15e0ca5" aria-controls="R-expandcontent-3adfb6bc15b36d3e1195dcf6c15e0ca5"  checked>
+    <label class="expand-label" for="R-expand-3adfb6bc15b36d3e1195dcf6c15e0ca5" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-f44f9848df1d6732bd17ee2d03cf8a85" class="expand-content">
+    <div id="R-expandcontent-3adfb6bc15b36d3e1195dcf6c15e0ca5" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -277,13 +277,13 @@ No need t' press ye!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">th'</span> <span class="nx">possibilities</span> <span class="nx">be</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">includ'n</span> <span class="nx">other</span> <span class="nx">shorrrtcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-ac1c02bb28c6b252f50d817c8114e4e8" aria-controls="R-expandcontent-ac1c02bb28c6b252f50d817c8114e4e8" >
-    <label class="expand-label" for="R-expand-ac1c02bb28c6b252f50d817c8114e4e8" >
+    <input type="checkbox" id="R-expand-fbda618371deb5c51044136b96cf7b3d" aria-controls="R-expandcontent-fbda618371deb5c51044136b96cf7b3d" >
+    <label class="expand-label" for="R-expand-fbda618371deb5c51044136b96cf7b3d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="R-expandcontent-ac1c02bb28c6b252f50d817c8114e4e8" class="expand-content">
+    <div id="R-expandcontent-fbda618371deb5c51044136b96cf7b3d" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -307,8 +307,8 @@ No need t' press ye!</div>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/highlight/index.html b/pir/shortcodes/highlight/index.html
index c818357ce4..31f0420cfc 100644
--- a/pir/shortcodes/highlight/index.html
+++ b/pir/shortcodes/highlight/index.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Render code with a syntax highlighter">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Render code with a syntax highlighter">
     <meta property="og:title" content="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Render code with a syntax highlighter">
     <meta property="og:type" content="article">
@@ -14,30 +18,26 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Render code with a syntax highlighter">
     <title>Highlight :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/highlight/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/highlight/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/highlight/index.xml" rel="alternate" type="application/rss+xml" title="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/highlight/index.print.html" rel="alternate" type="text/html" title="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -166,13 +166,13 @@
 <p>Th' <code>highlight</code> shortcode renders yer code wit' a rules highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="06007b3da63da624e0de5cf457bd813f">
+<div class="tab-panel" data-tab-group="4d8bb49ab272cea1efd2344efe6b85e2">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('06007b3da63da624e0de5cf457bd813f','python')"
+      onclick="switchTab('4d8bb49ab272cea1efd2344efe6b85e2','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -377,13 +377,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="2fbe9ce49b74fd5622e56d2db0b8f48d">
+<div class="tab-panel" data-tab-group="ecbbabb5a0712020bb3c33d3ee075361">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('2fbe9ce49b74fd5622e56d2db0b8f48d','python')"
+      onclick="switchTab('ecbbabb5a0712020bb3c33d3ee075361','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -504,12 +504,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038925" defer></script>
-        <script src="../../../js/search.js?1697038925" defer></script>
+        <script src="../../../js/auto-complete.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040178" defer></script>
+        <script src="../../../js/search.js?1697040178" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -666,13 +666,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038925"></script>
+          <script async src="../../../js/github-buttons.js?1697040178"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038925" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038925" defer></script>
-    <script src="../../../js/theme.js?1697038925" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040178" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040178" defer></script>
+    <script src="../../../js/theme.js?1697040178" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/highlight/index.print.html b/pir/shortcodes/highlight/index.print.html
index 08149460c5..c7af1fbaa4 100644
--- a/pir/shortcodes/highlight/index.print.html
+++ b/pir/shortcodes/highlight/index.print.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Render code with a syntax highlighter">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Render code with a syntax highlighter">
     <meta property="og:title" content="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Render code with a syntax highlighter">
     <meta property="og:type" content="article">
@@ -14,31 +18,27 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Render code with a syntax highlighter">
     <title>Highlight :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/highlight/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/highlight/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="canonical" type="text/html" title="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/highlight/index.xml" rel="alternate" type="application/rss+xml" title="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +104,13 @@
 <p>Th' <code>highlight</code> shortcode renders yer code wit' a rules highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="06007b3da63da624e0de5cf457bd813f">
+<div class="tab-panel" data-tab-group="4d8bb49ab272cea1efd2344efe6b85e2">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('06007b3da63da624e0de5cf457bd813f','python')"
+      onclick="switchTab('4d8bb49ab272cea1efd2344efe6b85e2','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -315,13 +315,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="2fbe9ce49b74fd5622e56d2db0b8f48d">
+<div class="tab-panel" data-tab-group="ecbbabb5a0712020bb3c33d3ee075361">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('2fbe9ce49b74fd5622e56d2db0b8f48d','python')"
+      onclick="switchTab('ecbbabb5a0712020bb3c33d3ee075361','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -361,8 +361,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.html b/pir/shortcodes/icon/index.html
index 5ed9a2e2f0..f152f3552a 100644
--- a/pir/shortcodes/icon/index.html
+++ b/pir/shortcodes/icon/index.html
@@ -7,6 +7,12 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Icon :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="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.
+&#8203; shortcode shortcode (positional) partial {{% ay&#39;con ay&#39;con=&#34;exclamation-triangle&#34; %}} {{% ay&#39;con ay&#39;con=&#34;angle-double-up&#34; %}} {{% ay&#39;con ay&#39;con=&#34;skull-crossbones&#34; %}} {{% ay&#39;con exclamat&#39;n-triangle %}} {{% ay&#39;con angle-do&#39;ble-up %}} {{% ay&#39;con skull-crossbones %}} {{ partial &#34;shortcodes/icon.html&#34; (dict &#34;page&#34; . &#34;icon&#34; &#34;exclamation-triangle&#34; )}} {{ partial &#34;shortcodes/icon.">
     <meta property="og:title" content="Icon :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="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.
@@ -16,32 +22,26 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; positional parame
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Icon :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="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.
-&#8203; shortcode shortcode (positional) partial {{% ay&#39;con ay&#39;con=&#34;exclamation-triangle&#34; %}} {{% ay&#39;con ay&#39;con=&#34;angle-double-up&#34; %}} {{% ay&#39;con ay&#39;con=&#34;skull-crossbones&#34; %}} {{% ay&#39;con exclamat&#39;n-triangle %}} {{% ay&#39;con angle-do&#39;ble-up %}} {{% ay&#39;con skull-crossbones %}} {{ partial &#34;shortcodes/icon.html&#34; (dict &#34;page&#34; . &#34;icon&#34; &#34;exclamation-triangle&#34; )}} {{ partial &#34;shortcodes/icon.">
     <title>Icon :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/icon/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/icon/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -354,12 +354,12 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; positional parame
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038925" defer></script>
-        <script src="../../../js/search.js?1697038925" defer></script>
+        <script src="../../../js/auto-complete.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040178" defer></script>
+        <script src="../../../js/search.js?1697040178" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -516,13 +516,13 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; positional parame
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038925"></script>
+          <script async src="../../../js/github-buttons.js?1697040178"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038925" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038925" defer></script>
-    <script src="../../../js/theme.js?1697038925" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040178" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040178" defer></script>
+    <script src="../../../js/theme.js?1697040178" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.print.html b/pir/shortcodes/icon/index.print.html
index 786b645b40..2f825f7e68 100644
--- a/pir/shortcodes/icon/index.print.html
+++ b/pir/shortcodes/icon/index.print.html
@@ -7,6 +7,12 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Icon :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="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.
+&#8203; shortcode shortcode (positional) partial {{% ay&#39;con ay&#39;con=&#34;exclamation-triangle&#34; %}} {{% ay&#39;con ay&#39;con=&#34;angle-double-up&#34; %}} {{% ay&#39;con ay&#39;con=&#34;skull-crossbones&#34; %}} {{% ay&#39;con exclamat&#39;n-triangle %}} {{% ay&#39;con angle-do&#39;ble-up %}} {{% ay&#39;con skull-crossbones %}} {{ partial &#34;shortcodes/icon.html&#34; (dict &#34;page&#34; . &#34;icon&#34; &#34;exclamation-triangle&#34; )}} {{ partial &#34;shortcodes/icon.">
     <meta property="og:title" content="Icon :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="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.
@@ -16,33 +22,27 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; positional parame
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Icon :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="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.
-&#8203; shortcode shortcode (positional) partial {{% ay&#39;con ay&#39;con=&#34;exclamation-triangle&#34; %}} {{% ay&#39;con ay&#39;con=&#34;angle-double-up&#34; %}} {{% ay&#39;con ay&#39;con=&#34;skull-crossbones&#34; %}} {{% ay&#39;con exclamat&#39;n-triangle %}} {{% ay&#39;con angle-do&#39;ble-up %}} {{% ay&#39;con skull-crossbones %}} {{ partial &#34;shortcodes/icon.html&#34; (dict &#34;page&#34; . &#34;icon&#34; &#34;exclamation-triangle&#34; )}} {{ partial &#34;shortcodes/icon.">
     <title>Icon :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/icon/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/icon/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -217,8 +217,8 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; positional parame
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.html b/pir/shortcodes/include/index.html
index 460daf05bd..66ddaf0237 100644
--- a/pir/shortcodes/include/index.html
+++ b/pir/shortcodes/include/index.html
@@ -7,6 +7,12 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Include :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="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.
+&#8203; shortcode shortcode (positional) partial {{% include file=&#34;shortcodes/INCLUDE_ME.md&#34; %}} {{% include &#34;shortcodes/INCLUDE_ME.md&#34; %}} {{ partial &#34;shortcodes/include .html&#34; (dict &#34;page&#34; . &#34;file&#34; &#34;shortcodes/INCLUDE_ME.md&#34; )}} Th&#39; included files can even contain Marrrkdown an&#39; will be taken into account when generat&#39;n th&#39; t&#39;ble o&#39; contents.">
     <meta property="og:title" content="Include :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="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.
@@ -16,32 +22,26 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Include :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="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.
-&#8203; shortcode shortcode (positional) partial {{% include file=&#34;shortcodes/INCLUDE_ME.md&#34; %}} {{% include &#34;shortcodes/INCLUDE_ME.md&#34; %}} {{ partial &#34;shortcodes/include .html&#34; (dict &#34;page&#34; . &#34;file&#34; &#34;shortcodes/INCLUDE_ME.md&#34; )}} Th&#39; included files can even contain Marrrkdown an&#39; will be taken into account when generat&#39;n th&#39; t&#39;ble o&#39; contents.">
     <title>Include :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/include/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/include/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -344,12 +344,12 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038925" defer></script>
-        <script src="../../../js/search.js?1697038925" defer></script>
+        <script src="../../../js/auto-complete.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040178" defer></script>
+        <script src="../../../js/search.js?1697040178" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -506,13 +506,13 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038925"></script>
+          <script async src="../../../js/github-buttons.js?1697040178"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038925" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038925" defer></script>
-    <script src="../../../js/theme.js?1697038925" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040178" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040178" defer></script>
+    <script src="../../../js/theme.js?1697040178" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.print.html b/pir/shortcodes/include/index.print.html
index 281a0b24a4..44fc9ad9af 100644
--- a/pir/shortcodes/include/index.print.html
+++ b/pir/shortcodes/include/index.print.html
@@ -7,6 +7,12 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Include :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="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.
+&#8203; shortcode shortcode (positional) partial {{% include file=&#34;shortcodes/INCLUDE_ME.md&#34; %}} {{% include &#34;shortcodes/INCLUDE_ME.md&#34; %}} {{ partial &#34;shortcodes/include .html&#34; (dict &#34;page&#34; . &#34;file&#34; &#34;shortcodes/INCLUDE_ME.md&#34; )}} Th&#39; included files can even contain Marrrkdown an&#39; will be taken into account when generat&#39;n th&#39; t&#39;ble o&#39; contents.">
     <meta property="og:title" content="Include :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="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.
@@ -16,33 +22,27 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Include :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="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.
-&#8203; shortcode shortcode (positional) partial {{% include file=&#34;shortcodes/INCLUDE_ME.md&#34; %}} {{% include &#34;shortcodes/INCLUDE_ME.md&#34; %}} {{ partial &#34;shortcodes/include .html&#34; (dict &#34;page&#34; . &#34;file&#34; &#34;shortcodes/INCLUDE_ME.md&#34; )}} Th&#39; included files can even contain Marrrkdown an&#39; will be taken into account when generat&#39;n th&#39; t&#39;ble o&#39; contents.">
     <title>Include :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/include/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/include/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -210,8 +210,8 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.html b/pir/shortcodes/index.html
index e0ce7813d6..6c8a1c4c55 100644
--- a/pir/shortcodes/index.html
+++ b/pir/shortcodes/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -245,12 +245,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038926" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038926" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038926" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038926" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038926" defer></script>
-        <script src="../../js/search.js?1697038926" defer></script>
+        <script src="../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -407,13 +407,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038926"></script>
+          <script async src="../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038926" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038926" defer></script>
-    <script src="../../js/theme.js?1697038926" defer></script>
+    <script src="../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.print.html b/pir/shortcodes/index.print.html
index 927e7ae80f..2680871dd2 100644
--- a/pir/shortcodes/index.print.html
+++ b/pir/shortcodes/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../js/url.js?1697038927"></script>
-    <script src="../../js/variant.js?1697038927"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../js/url.js?1697040179"></script>
+    <script src="../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1353,13 +1353,13 @@ So its rrrambl'n be used as descript'n.</p>
 <p>Th' <code>expand</code> shortcode displays an expandable/collaps'ble section o' text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-c37efb6e011310a812ef23bea602dd2b" aria-controls="R-expandcontent-c37efb6e011310a812ef23bea602dd2b" >
-    <label class="expand-label" for="R-expand-c37efb6e011310a812ef23bea602dd2b" >
+    <input type="checkbox" id="R-expand-c65167b54b7ecec3485fe66f37640bd1" aria-controls="R-expandcontent-c65167b54b7ecec3485fe66f37640bd1" >
+    <label class="expand-label" for="R-expand-c65167b54b7ecec3485fe66f37640bd1" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-c37efb6e011310a812ef23bea602dd2b" class="expand-content">
+    <div id="R-expandcontent-c65167b54b7ecec3485fe66f37640bd1" class="expand-content">
 
 <p>Thank ye!</p>
 <p>That&rsquo;s some text wit' a footnote<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
@@ -1477,26 +1477,26 @@ So its rrrambl'n be used as descript'n.</p>
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">ye</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-e2517e10bef5dcf90e426ebefeed3929" aria-controls="R-expandcontent-e2517e10bef5dcf90e426ebefeed3929" >
-    <label class="expand-label" for="R-expand-e2517e10bef5dcf90e426ebefeed3929" >
+    <input type="checkbox" id="R-expand-126562c225834a68fbea804422f718ea" aria-controls="R-expandcontent-126562c225834a68fbea804422f718ea" >
+    <label class="expand-label" for="R-expand-126562c225834a68fbea804422f718ea" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-e2517e10bef5dcf90e426ebefeed3929" class="expand-content">
+    <div id="R-expandcontent-126562c225834a68fbea804422f718ea" class="expand-content">
 <p>
 Yes, ye did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">t'</span> <span class="nx">press</span> <span class="nx">ye</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-f44f9848df1d6732bd17ee2d03cf8a85" aria-controls="R-expandcontent-f44f9848df1d6732bd17ee2d03cf8a85"  checked>
-    <label class="expand-label" for="R-expand-f44f9848df1d6732bd17ee2d03cf8a85" >
+    <input type="checkbox" id="R-expand-3adfb6bc15b36d3e1195dcf6c15e0ca5" aria-controls="R-expandcontent-3adfb6bc15b36d3e1195dcf6c15e0ca5"  checked>
+    <label class="expand-label" for="R-expand-3adfb6bc15b36d3e1195dcf6c15e0ca5" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-f44f9848df1d6732bd17ee2d03cf8a85" class="expand-content">
+    <div id="R-expandcontent-3adfb6bc15b36d3e1195dcf6c15e0ca5" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -1517,13 +1517,13 @@ No need t' press ye!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">th'</span> <span class="nx">possibilities</span> <span class="nx">be</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">includ'n</span> <span class="nx">other</span> <span class="nx">shorrrtcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-ac1c02bb28c6b252f50d817c8114e4e8" aria-controls="R-expandcontent-ac1c02bb28c6b252f50d817c8114e4e8" >
-    <label class="expand-label" for="R-expand-ac1c02bb28c6b252f50d817c8114e4e8" >
+    <input type="checkbox" id="R-expand-fbda618371deb5c51044136b96cf7b3d" aria-controls="R-expandcontent-fbda618371deb5c51044136b96cf7b3d" >
+    <label class="expand-label" for="R-expand-fbda618371deb5c51044136b96cf7b3d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="R-expandcontent-ac1c02bb28c6b252f50d817c8114e4e8" class="expand-content">
+    <div id="R-expandcontent-fbda618371deb5c51044136b96cf7b3d" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -1560,13 +1560,13 @@ No need t' press ye!</div>
 <p>Th' <code>highlight</code> shortcode renders yer code wit' a rules highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="06007b3da63da624e0de5cf457bd813f">
+<div class="tab-panel" data-tab-group="4d8bb49ab272cea1efd2344efe6b85e2">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('06007b3da63da624e0de5cf457bd813f','python')"
+      onclick="switchTab('4d8bb49ab272cea1efd2344efe6b85e2','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -1771,13 +1771,13 @@ No need t' press ye!</div>
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="2fbe9ce49b74fd5622e56d2db0b8f48d">
+<div class="tab-panel" data-tab-group="ecbbabb5a0712020bb3c33d3ee075361">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('2fbe9ce49b74fd5622e56d2db0b8f48d','python')"
+      onclick="switchTab('ecbbabb5a0712020bb3c33d3ee075361','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -3282,7 +3282,7 @@ Electricity grid,H2 conversion,27.14
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-c127411101c14c2cbb634d8e70057c6e"
+    id="R-openapi-e00b63c7be86c3a4de1dd89cbab320c8"
     data-openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -3380,13 +3380,13 @@ Electricity grid,H2 conversion,27.14
 <p>T' use formatted parameter, add this 'n yer <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="74a1053fb5817bb50771ce2499af0b33">
+<div class="tab-panel" data-tab-group="d9fb2432a6ec720da43357253317de8d">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('74a1053fb5817bb50771ce2499af0b33','configtoml')"
+      onclick="switchTab('d9fb2432a6ec720da43357253317de8d','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -3420,13 +3420,13 @@ Electricity grid,H2 conversion,27.14
 <p>This be especially useful if ye want t' flag yer code example wit' an explicit language.</p>
 <p>If ye want multiple tabs grouped together ye can wrap yer tabs into th' <a href="../../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="be119b32542a843bd92402eec6616917">
+<div class="tab-panel" data-tab-group="fadf4f8817c7b6fa36b91bfcf4fa2ed3">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('be119b32542a843bd92402eec6616917','c')"
+      onclick="switchTab('fadf4f8817c7b6fa36b91bfcf4fa2ed3','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -3531,13 +3531,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="17db7e4e900d83c54b7ac2cfcc7cc95a">
+<div class="tab-panel" data-tab-group="3bc439c72228b46621b311edde0bfb90">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('17db7e4e900d83c54b7ac2cfcc7cc95a','code')"
+      onclick="switchTab('3bc439c72228b46621b311edde0bfb90','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -3559,13 +3559,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="4fc7816b5081f3b5d28b3b661dd1904b">
+<div class="tab-panel" data-tab-group="dd1c4c6e4503e29ac863af1559a3d22e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('4fc7816b5081f3b5d28b3b661dd1904b','mixed')"
+      onclick="switchTab('dd1c4c6e4503e29ac863af1559a3d22e','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -3610,41 +3610,41 @@ Electricity grid,H2 conversion,27.14
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">th'</span> <span class="nx">background</span> <span class="nx">t'</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">o'</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">an'</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">ay'con</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="3f83290bc9c5ec2bc54fe8255909bc81">
+<div class="tab-panel" data-tab-group="c666c2a58332dc1b3655981e5f63307b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just-colored-style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('3f83290bc9c5ec2bc54fe8255909bc81','just-colored-style')"
+      onclick="switchTab('c666c2a58332dc1b3655981e5f63307b','just-colored-style')"
     >
       <span class="tab-nav-text">just colored style</span>
     </button>
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('3f83290bc9c5ec2bc54fe8255909bc81','just-color')"
+      onclick="switchTab('c666c2a58332dc1b3655981e5f63307b','just-color')"
     >
       <span class="tab-nav-text">just color</span>
     </button>
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('3f83290bc9c5ec2bc54fe8255909bc81','default-style-and-color')"
+      onclick="switchTab('c666c2a58332dc1b3655981e5f63307b','default-style-and-color')"
     >
       <span class="tab-nav-text">default style an' color</span>
     </button>
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('3f83290bc9c5ec2bc54fe8255909bc81','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('c666c2a58332dc1b3655981e5f63307b','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
     </button>
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('3f83290bc9c5ec2bc54fe8255909bc81','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('c666c2a58332dc1b3655981e5f63307b','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</span>
     </button>
@@ -3713,27 +3713,27 @@ Electricity grid,H2 conversion,27.14
 <p>This comes 'n handy eg. fer provid'n code snippets fer multiple languages.</p>
 <p>If ye just want a single tab ye can instead call th' <a href="../../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="80a568647fe4f401d18db4dd48494303">
+<div class="tab-panel" data-tab-group="4a9cf519d57f688f6924c5643fabdaa4">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('80a568647fe4f401d18db4dd48494303','py')"
+      onclick="switchTab('4a9cf519d57f688f6924c5643fabdaa4','py')"
     >
       <span class="tab-nav-text">py</span>
     </button>
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('80a568647fe4f401d18db4dd48494303','sh')"
+      onclick="switchTab('4a9cf519d57f688f6924c5643fabdaa4','sh')"
     >
       <span class="tab-nav-text">sh</span>
     </button>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('80a568647fe4f401d18db4dd48494303','c')"
+      onclick="switchTab('4a9cf519d57f688f6924c5643fabdaa4','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -3881,27 +3881,27 @@ Electricity grid,H2 conversion,27.14
 <p>See what happens t' th' tab views while ye select different tabs.</p>
 <p>While press'n a tab o' Group A switches all tab views o' Group A 'n sync (if th' tab be available), th' tabs o' Group B be left untouched.</p>
 
-<div class="tab-panel" data-tab-group="ab6204f2e5d78ad7fc3a7bb932b7c258">
+<div class="tab-panel" data-tab-group="d12255c88594b3dc31a8a579e9a875ea">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="group-a-tab-view-1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('ab6204f2e5d78ad7fc3a7bb932b7c258','group-a-tab-view-1')"
+      onclick="switchTab('d12255c88594b3dc31a8a579e9a875ea','group-a-tab-view-1')"
     >
       <span class="tab-nav-text">Group A, Tab View 1</span>
     </button>
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('ab6204f2e5d78ad7fc3a7bb932b7c258','group-a-tab-view-2')"
+      onclick="switchTab('d12255c88594b3dc31a8a579e9a875ea','group-a-tab-view-2')"
     >
       <span class="tab-nav-text">Group A, Tab View 2</span>
     </button>
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('ab6204f2e5d78ad7fc3a7bb932b7c258','group-b')"
+      onclick="switchTab('d12255c88594b3dc31a8a579e9a875ea','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -4258,8 +4258,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038927" defer></script>
+    <script src="../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040180" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -4288,27 +4288,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse( null ) );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1697038927"></script>
-    <script src="../../js/d3/d3-color.min.js?1697038927" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1697038927" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1697038927" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1697038927" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1697038927" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1697038927" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1697038927" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1697038927" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1697038927" defer></script>
-    <script src="../../js/js-yaml.min.js?1697038927" defer></script>
-    <script src="../../js/mermaid.min.js?1697038927" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1697040180"></script>
+    <script src="../../js/d3/d3-color.min.js?1697040180" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1697040180" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1697040180" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1697040180" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1697040180" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1697040180" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1697040180" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1697040180" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1697040180" defer></script>
+    <script src="../../js/js-yaml.min.js?1697040180" defer></script>
+    <script src="../../js/mermaid.min.js?1697040180" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse( null );
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1697038927" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1697038927" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1697040180" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1697040180" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1697038927", assetsBuster:  1697038927  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1697040180", assetsBuster:  1697040180  };
     </script>
-    <script src="../../js/theme.js?1697038927" defer></script>
+    <script src="../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/math/index.html b/pir/shortcodes/math/index.html
index 05096d53f6..873e61b24e 100644
--- a/pir/shortcodes/math/index.html
+++ b/pir/shortcodes/math/index.html
@@ -7,6 +7,13 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Math :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Arrr! Pirrrates Fello&#39; pirrrates, grog made us dizzy! Be awarrre some stuff may look weird in this trrranslat&#39;n. Like Merrrmaids, do&#39;n math or chemistrrry and stuff.
+Th&#39; 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.">
     <meta property="og:title" content="Math :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Arrr! Pirrrates Fello&#39; pirrrates, grog made us dizzy! Be awarrre some stuff may look weird in this trrranslat&#39;n. Like Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Th&#39; math shortcode generates beautiful formatted math an&#39; chemical formulae us&#39;n th&#39; MathJax library.
@@ -17,33 +24,26 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter i
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Math :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Arrr! Pirrrates Fello&#39; pirrrates, grog made us dizzy! Be awarrre some stuff may look weird in this trrranslat&#39;n. Like Merrrmaids, do&#39;n math or chemistrrry and stuff.
-Th&#39; 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.">
     <title>Math :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/math/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/math/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -413,12 +413,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038925" defer></script>
-        <script src="../../../js/search.js?1697038925" defer></script>
+        <script src="../../../js/auto-complete.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040178" defer></script>
+        <script src="../../../js/search.js?1697040178" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -575,13 +575,13 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038925"></script>
+          <script async src="../../../js/github-buttons.js?1697040178"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038925" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038925" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040178" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040178" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -610,7 +610,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
       }
       useMathJax( JSON.parse( null ) );
     </script>
-    <script id="MathJax-script" async src="../../../js/mathjax/tex-mml-chtml.js?1697038925"></script>
-    <script src="../../../js/theme.js?1697038925" defer></script>
+    <script id="MathJax-script" async src="../../../js/mathjax/tex-mml-chtml.js?1697040178"></script>
+    <script src="../../../js/theme.js?1697040178" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/math/index.print.html b/pir/shortcodes/math/index.print.html
index fa3c9d2fba..0787782876 100644
--- a/pir/shortcodes/math/index.print.html
+++ b/pir/shortcodes/math/index.print.html
@@ -7,6 +7,13 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Math :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Arrr! Pirrrates Fello&#39; pirrrates, grog made us dizzy! Be awarrre some stuff may look weird in this trrranslat&#39;n. Like Merrrmaids, do&#39;n math or chemistrrry and stuff.
+Th&#39; 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.">
     <meta property="og:title" content="Math :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Arrr! Pirrrates Fello&#39; pirrrates, grog made us dizzy! Be awarrre some stuff may look weird in this trrranslat&#39;n. Like Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Th&#39; math shortcode generates beautiful formatted math an&#39; chemical formulae us&#39;n th&#39; MathJax library.
@@ -17,34 +24,27 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter i
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Math :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Arrr! Pirrrates Fello&#39; pirrrates, grog made us dizzy! Be awarrre some stuff may look weird in this trrranslat&#39;n. Like Merrrmaids, do&#39;n math or chemistrrry and stuff.
-Th&#39; 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.">
     <title>Math :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/math/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/math/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -270,8 +270,8 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -300,7 +300,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
       }
       useMathJax( JSON.parse( null ) );
     </script>
-    <script id="MathJax-script" async src="../../../js/mathjax/tex-mml-chtml.js?1697038927"></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script id="MathJax-script" async src="../../../js/mathjax/tex-mml-chtml.js?1697040179"></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.html b/pir/shortcodes/mermaid/index.html
index e0cf281061..5499de8260 100644
--- a/pir/shortcodes/mermaid/index.html
+++ b/pir/shortcodes/mermaid/index.html
@@ -7,6 +7,13 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Arrr! Pirrrates Fello&#39; pirrrates, grog made us dizzy! Be awarrre some stuff may look weird in this trrranslat&#39;n. Like Merrrmaids, do&#39;n math or chemistrrry and stuff.
+Th&#39; 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 --&gt; Then Then --&gt; Else 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.">
     <meta property="og:title" content="Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Arrr! Pirrrates Fello&#39; pirrrates, grog made us dizzy! Be awarrre some stuff may look weird in this trrranslat&#39;n. Like Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Th&#39; mermaid shortcode generates diagrams an&#39; flowcharts from text, &#39;n a similar manner as Marrrkdown us&#39;n th&#39; Merrrmaid library.
@@ -17,33 +24,26 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter i
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Arrr! Pirrrates Fello&#39; pirrrates, grog made us dizzy! Be awarrre some stuff may look weird in this trrranslat&#39;n. Like Merrrmaids, do&#39;n math or chemistrrry and stuff.
-Th&#39; 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 --&gt; Then Then --&gt; Else 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.">
     <title>Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/mermaid/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/mermaid/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -879,12 +879,12 @@ Electricity grid,H2 conversion,27.14
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038925" defer></script>
-        <script src="../../../js/search.js?1697038925" defer></script>
+        <script src="../../../js/auto-complete.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040178" defer></script>
+        <script src="../../../js/search.js?1697040178" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1041,27 +1041,27 @@ Electricity grid,H2 conversion,27.14
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038925"></script>
+          <script async src="../../../js/github-buttons.js?1697040178"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038925" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038925" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1697038925" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1697038925" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1697038925" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1697038925" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1697038925" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1697038925" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1697038925" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1697038925" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1697038925" defer></script>
-    <script src="../../../js/js-yaml.min.js?1697038925" defer></script>
-    <script src="../../../js/mermaid.min.js?1697038925" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040178" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040178" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1697040178" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1697040178" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1697040178" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1697040178" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1697040178" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1697040178" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1697040178" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1697040178" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1697040178" defer></script>
+    <script src="../../../js/js-yaml.min.js?1697040178" defer></script>
+    <script src="../../../js/mermaid.min.js?1697040178" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse( null );
     </script>
-    <script src="../../../js/theme.js?1697038925" defer></script>
+    <script src="../../../js/theme.js?1697040178" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.print.html b/pir/shortcodes/mermaid/index.print.html
index c3608b0fdc..1d079d9235 100644
--- a/pir/shortcodes/mermaid/index.print.html
+++ b/pir/shortcodes/mermaid/index.print.html
@@ -7,6 +7,13 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Arrr! Pirrrates Fello&#39; pirrrates, grog made us dizzy! Be awarrre some stuff may look weird in this trrranslat&#39;n. Like Merrrmaids, do&#39;n math or chemistrrry and stuff.
+Th&#39; 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 --&gt; Then Then --&gt; Else 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.">
     <meta property="og:title" content="Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Arrr! Pirrrates Fello&#39; pirrrates, grog made us dizzy! Be awarrre some stuff may look weird in this trrranslat&#39;n. Like Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Th&#39; mermaid shortcode generates diagrams an&#39; flowcharts from text, &#39;n a similar manner as Marrrkdown us&#39;n th&#39; Merrrmaid library.
@@ -17,34 +24,27 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter i
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Arrr! Pirrrates Fello&#39; pirrrates, grog made us dizzy! Be awarrre some stuff may look weird in this trrranslat&#39;n. Like Merrrmaids, do&#39;n math or chemistrrry and stuff.
-Th&#39; 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 --&gt; Then Then --&gt; Else 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.">
     <title>Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/mermaid/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/mermaid/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -725,22 +725,22 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1697038927" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1697038927" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1697038927" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1697038927" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1697038927" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1697038927" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1697038927" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1697038927" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1697038927" defer></script>
-    <script src="../../../js/js-yaml.min.js?1697038927" defer></script>
-    <script src="../../../js/mermaid.min.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1697040179" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1697040179" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1697040179" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1697040179" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1697040179" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1697040179" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1697040179" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1697040179" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1697040179" defer></script>
+    <script src="../../../js/js-yaml.min.js?1697040179" defer></script>
+    <script src="../../../js/mermaid.min.js?1697040179" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse( null );
     </script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.html b/pir/shortcodes/notice/index.html
index 88ad51afb6..e94a5277ac 100644
--- a/pir/shortcodes/notice/index.html
+++ b/pir/shortcodes/notice/index.html
@@ -7,6 +7,13 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Notice :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="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.
+&#8203; shortcode shortcode (positional) partial {{% notice style=&#34;primary&#34; title=&#34;There may be pirates&#34; ay&#39;con=&#34;skull-crossbones&#34; %}} It be all about th&#39; boxes.">
     <meta property="og:title" content="Notice :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="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.
@@ -17,33 +24,26 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Notice :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="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.
-&#8203; shortcode shortcode (positional) partial {{% notice style=&#34;primary&#34; title=&#34;There may be pirates&#34; ay&#39;con=&#34;skull-crossbones&#34; %}} It be all about th&#39; boxes.">
     <title>Notice :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/notice/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/notice/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -577,12 +577,12 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038925" defer></script>
-        <script src="../../../js/search.js?1697038925" defer></script>
+        <script src="../../../js/auto-complete.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040178" defer></script>
+        <script src="../../../js/search.js?1697040178" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -739,13 +739,13 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038925"></script>
+          <script async src="../../../js/github-buttons.js?1697040178"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038925" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038925" defer></script>
-    <script src="../../../js/theme.js?1697038925" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040178" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040178" defer></script>
+    <script src="../../../js/theme.js?1697040178" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.print.html b/pir/shortcodes/notice/index.print.html
index aec7bf2c2b..056e543af3 100644
--- a/pir/shortcodes/notice/index.print.html
+++ b/pir/shortcodes/notice/index.print.html
@@ -7,6 +7,13 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Notice :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="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.
+&#8203; shortcode shortcode (positional) partial {{% notice style=&#34;primary&#34; title=&#34;There may be pirates&#34; ay&#39;con=&#34;skull-crossbones&#34; %}} It be all about th&#39; boxes.">
     <meta property="og:title" content="Notice :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="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.
@@ -17,34 +24,27 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Notice :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="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.
-&#8203; shortcode shortcode (positional) partial {{% notice style=&#34;primary&#34; title=&#34;There may be pirates&#34; ay&#39;con=&#34;skull-crossbones&#34; %}} It be all about th&#39; boxes.">
     <title>Notice :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/notice/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/notice/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -439,8 +439,8 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/openapi/index.html b/pir/shortcodes/openapi/index.html
index df17452430..203b5efb01 100644
--- a/pir/shortcodes/openapi/index.html
+++ b/pir/shortcodes/openapi/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Adds UI fer yer OpenAPI / Swaggerrr Specificat&#39;ns">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="OpenAPI :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Adds UI fer yer OpenAPI / Swaggerrr Specificat&#39;ns">
     <meta property="og:title" content="OpenAPI :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Adds UI fer yer OpenAPI / Swaggerrr Specificat&#39;ns">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="OpenAPI :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Adds UI fer yer OpenAPI / Swaggerrr Specificat&#39;ns">
     <title>OpenAPI :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/openapi/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/openapi/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/openapi/index.xml" rel="alternate" type="application/rss+xml" title="OpenAPI :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/openapi/index.print.html" rel="alternate" type="text/html" title="OpenAPI :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +228,7 @@
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-c127411101c14c2cbb634d8e70057c6e"
+    id="R-openapi-e00b63c7be86c3a4de1dd89cbab320c8"
     data-openapi-url="../../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -322,12 +322,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038927" defer></script>
-        <script src="../../../js/search.js?1697038927" defer></script>
+        <script src="../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -484,19 +484,19 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038927"></script>
+          <script async src="../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1697038927" defer></script>
-    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1697038927" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1697040179" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1697040179" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1697038927", assetsBuster:  1697038927  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1697040179", assetsBuster:  1697040179  };
     </script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/openapi/index.print.html b/pir/shortcodes/openapi/index.print.html
index b79fe5aae5..0145eef9be 100644
--- a/pir/shortcodes/openapi/index.print.html
+++ b/pir/shortcodes/openapi/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Adds UI fer yer OpenAPI / Swaggerrr Specificat&#39;ns">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="OpenAPI :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Adds UI fer yer OpenAPI / Swaggerrr Specificat&#39;ns">
     <meta property="og:title" content="OpenAPI :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Adds UI fer yer OpenAPI / Swaggerrr Specificat&#39;ns">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="OpenAPI :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Adds UI fer yer OpenAPI / Swaggerrr Specificat&#39;ns">
     <title>OpenAPI :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/openapi/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/openapi/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html" rel="canonical" type="text/html" title="OpenAPI :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/openapi/index.xml" rel="alternate" type="application/rss+xml" title="OpenAPI :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -175,7 +175,7 @@
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-c127411101c14c2cbb634d8e70057c6e"
+    id="R-openapi-e00b63c7be86c3a4de1dd89cbab320c8"
     data-openapi-url="../../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -188,14 +188,14 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1697038927" defer></script>
-    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1697038927" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1697040180" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1697040180" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1697038927", assetsBuster:  1697038927  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1697040180", assetsBuster:  1697040180  };
     </script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.html b/pir/shortcodes/siteparam/index.html
index 39ad165d07..861444a4c5 100644
--- a/pir/shortcodes/siteparam/index.html
+++ b/pir/shortcodes/siteparam/index.html
@@ -7,6 +7,12 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="SiteParam :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="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.
+&#8203; shortcode shortcode (positional) partial {{% siteparam name=&#34;editURL&#34; %}} {{% siteparam &#34;editURL&#34; %}} {{ partial &#34;shortcodes/siteparam.html&#34; (dict &#34;page&#34; . &#34;name&#34; &#34;editURL&#34; )}} Parameter Name Posit&#39;n Default Notes name 1 &lt;empty&gt; Th&#39; name o&#39; th&#39; ship param t&#39; be displayed.">
     <meta property="og:title" content="SiteParam :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="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.
@@ -16,32 +22,26 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="SiteParam :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="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.
-&#8203; shortcode shortcode (positional) partial {{% siteparam name=&#34;editURL&#34; %}} {{% siteparam &#34;editURL&#34; %}} {{ partial &#34;shortcodes/siteparam.html&#34; (dict &#34;page&#34; . &#34;name&#34; &#34;editURL&#34; )}} Parameter Name Posit&#39;n Default Notes name 1 &lt;empty&gt; Th&#39; name o&#39; th&#39; ship param t&#39; be displayed.">
     <title>SiteParam :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/siteparam/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/siteparam/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="SiteParam :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/siteparam/index.print.html" rel="alternate" type="text/html" title="SiteParam :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -234,13 +234,13 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
 <p>T' use formatted parameter, add this 'n yer <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="74a1053fb5817bb50771ce2499af0b33">
+<div class="tab-panel" data-tab-group="d9fb2432a6ec720da43357253317de8d">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('74a1053fb5817bb50771ce2499af0b33','configtoml')"
+      onclick="switchTab('d9fb2432a6ec720da43357253317de8d','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -348,12 +348,12 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038925" defer></script>
-        <script src="../../../js/search.js?1697038925" defer></script>
+        <script src="../../../js/auto-complete.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040178" defer></script>
+        <script src="../../../js/search.js?1697040178" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -510,13 +510,13 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038925"></script>
+          <script async src="../../../js/github-buttons.js?1697040178"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038925" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038925" defer></script>
-    <script src="../../../js/theme.js?1697038925" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040178" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040178" defer></script>
+    <script src="../../../js/theme.js?1697040178" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.print.html b/pir/shortcodes/siteparam/index.print.html
index 998ac97b24..d09a83f8a9 100644
--- a/pir/shortcodes/siteparam/index.print.html
+++ b/pir/shortcodes/siteparam/index.print.html
@@ -7,6 +7,12 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="SiteParam :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="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.
+&#8203; shortcode shortcode (positional) partial {{% siteparam name=&#34;editURL&#34; %}} {{% siteparam &#34;editURL&#34; %}} {{ partial &#34;shortcodes/siteparam.html&#34; (dict &#34;page&#34; . &#34;name&#34; &#34;editURL&#34; )}} Parameter Name Posit&#39;n Default Notes name 1 &lt;empty&gt; Th&#39; name o&#39; th&#39; ship param t&#39; be displayed.">
     <meta property="og:title" content="SiteParam :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="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.
@@ -16,33 +22,27 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="SiteParam :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="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.
-&#8203; shortcode shortcode (positional) partial {{% siteparam name=&#34;editURL&#34; %}} {{% siteparam &#34;editURL&#34; %}} {{ partial &#34;shortcodes/siteparam.html&#34; (dict &#34;page&#34; . &#34;name&#34; &#34;editURL&#34; )}} Parameter Name Posit&#39;n Default Notes name 1 &lt;empty&gt; Th&#39; name o&#39; th&#39; ship param t&#39; be displayed.">
     <title>SiteParam :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/siteparam/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/siteparam/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="canonical" type="text/html" title="SiteParam :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="SiteParam :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -180,13 +180,13 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
 <p>T' use formatted parameter, add this 'n yer <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="74a1053fb5817bb50771ce2499af0b33">
+<div class="tab-panel" data-tab-group="d9fb2432a6ec720da43357253317de8d">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('74a1053fb5817bb50771ce2499af0b33','configtoml')"
+      onclick="switchTab('d9fb2432a6ec720da43357253317de8d','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -213,8 +213,8 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tab/index.html b/pir/shortcodes/tab/index.html
index bc3f08ea7f..c2033d6963 100644
--- a/pir/shortcodes/tab/index.html
+++ b/pir/shortcodes/tab/index.html
@@ -7,6 +7,13 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Tab :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Ye can use a tab shortcode t&#39; display a single tab.
+This be especially useful if ye want t&#39; flag yer code example wit&#39; an explicit language.
+If ye want multiple tabs grouped together ye can wrap yer tabs into th&#39; tabs shortcode.
+&#8203; c printf(&#34;Hello World!&#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.">
     <meta property="og:title" content="Tab :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Ye can use a tab shortcode t&#39; display a single tab.
 This be especially useful if ye want t&#39; flag yer code example wit&#39; an explicit language.
@@ -17,33 +24,26 @@ If ye want multiple tabs grouped together ye can wrap yer tabs into th&#39; tabs
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Tab :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Ye can use a tab shortcode t&#39; display a single tab.
-This be especially useful if ye want t&#39; flag yer code example wit&#39; an explicit language.
-If ye want multiple tabs grouped together ye can wrap yer tabs into th&#39; tabs shortcode.
-&#8203; c printf(&#34;Hello World!&#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.">
     <title>Tab :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/tab/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/tab/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/tab/index.xml" rel="alternate" type="application/rss+xml" title="Tab :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/tab/index.print.html" rel="alternate" type="text/html" title="Tab :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -159,13 +159,13 @@ If ye want multiple tabs grouped together ye can wrap yer tabs into th&#39; tabs
 <p>This be especially useful if ye want t' flag yer code example wit' an explicit language.</p>
 <p>If ye want multiple tabs grouped together ye can wrap yer tabs into th' <a href="../../../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="be119b32542a843bd92402eec6616917">
+<div class="tab-panel" data-tab-group="fadf4f8817c7b6fa36b91bfcf4fa2ed3">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('be119b32542a843bd92402eec6616917','c')"
+      onclick="switchTab('fadf4f8817c7b6fa36b91bfcf4fa2ed3','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -270,13 +270,13 @@ If ye want multiple tabs grouped together ye can wrap yer tabs into th&#39; tabs
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="17db7e4e900d83c54b7ac2cfcc7cc95a">
+<div class="tab-panel" data-tab-group="3bc439c72228b46621b311edde0bfb90">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('17db7e4e900d83c54b7ac2cfcc7cc95a','code')"
+      onclick="switchTab('3bc439c72228b46621b311edde0bfb90','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -298,13 +298,13 @@ If ye want multiple tabs grouped together ye can wrap yer tabs into th&#39; tabs
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="4fc7816b5081f3b5d28b3b661dd1904b">
+<div class="tab-panel" data-tab-group="dd1c4c6e4503e29ac863af1559a3d22e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('4fc7816b5081f3b5d28b3b661dd1904b','mixed')"
+      onclick="switchTab('dd1c4c6e4503e29ac863af1559a3d22e','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -349,41 +349,41 @@ If ye want multiple tabs grouped together ye can wrap yer tabs into th&#39; tabs
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">th'</span> <span class="nx">background</span> <span class="nx">t'</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">o'</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">an'</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">ay'con</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="3f83290bc9c5ec2bc54fe8255909bc81">
+<div class="tab-panel" data-tab-group="c666c2a58332dc1b3655981e5f63307b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just-colored-style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('3f83290bc9c5ec2bc54fe8255909bc81','just-colored-style')"
+      onclick="switchTab('c666c2a58332dc1b3655981e5f63307b','just-colored-style')"
     >
       <span class="tab-nav-text">just colored style</span>
     </button>
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('3f83290bc9c5ec2bc54fe8255909bc81','just-color')"
+      onclick="switchTab('c666c2a58332dc1b3655981e5f63307b','just-color')"
     >
       <span class="tab-nav-text">just color</span>
     </button>
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('3f83290bc9c5ec2bc54fe8255909bc81','default-style-and-color')"
+      onclick="switchTab('c666c2a58332dc1b3655981e5f63307b','default-style-and-color')"
     >
       <span class="tab-nav-text">default style an' color</span>
     </button>
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('3f83290bc9c5ec2bc54fe8255909bc81','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('c666c2a58332dc1b3655981e5f63307b','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
     </button>
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('3f83290bc9c5ec2bc54fe8255909bc81','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('c666c2a58332dc1b3655981e5f63307b','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</span>
     </button>
@@ -526,12 +526,12 @@ If ye want multiple tabs grouped together ye can wrap yer tabs into th&#39; tabs
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038925" defer></script>
-        <script src="../../../js/search.js?1697038925" defer></script>
+        <script src="../../../js/auto-complete.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040178" defer></script>
+        <script src="../../../js/search.js?1697040178" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -688,13 +688,13 @@ If ye want multiple tabs grouped together ye can wrap yer tabs into th&#39; tabs
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038925"></script>
+          <script async src="../../../js/github-buttons.js?1697040178"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038925" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038925" defer></script>
-    <script src="../../../js/theme.js?1697038925" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040178" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040178" defer></script>
+    <script src="../../../js/theme.js?1697040178" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tab/index.print.html b/pir/shortcodes/tab/index.print.html
index 2af6558c51..213ef590da 100644
--- a/pir/shortcodes/tab/index.print.html
+++ b/pir/shortcodes/tab/index.print.html
@@ -7,6 +7,13 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Tab :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Ye can use a tab shortcode t&#39; display a single tab.
+This be especially useful if ye want t&#39; flag yer code example wit&#39; an explicit language.
+If ye want multiple tabs grouped together ye can wrap yer tabs into th&#39; tabs shortcode.
+&#8203; c printf(&#34;Hello World!&#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.">
     <meta property="og:title" content="Tab :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Ye can use a tab shortcode t&#39; display a single tab.
 This be especially useful if ye want t&#39; flag yer code example wit&#39; an explicit language.
@@ -17,34 +24,27 @@ If ye want multiple tabs grouped together ye can wrap yer tabs into th&#39; tabs
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Tab :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Ye can use a tab shortcode t&#39; display a single tab.
-This be especially useful if ye want t&#39; flag yer code example wit&#39; an explicit language.
-If ye want multiple tabs grouped together ye can wrap yer tabs into th&#39; tabs shortcode.
-&#8203; c printf(&#34;Hello World!&#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.">
     <title>Tab :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/tab/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/tab/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="canonical" type="text/html" title="Tab :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/tab/index.xml" rel="alternate" type="application/rss+xml" title="Tab :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +104,13 @@ If ye want multiple tabs grouped together ye can wrap yer tabs into th&#39; tabs
 <p>This be especially useful if ye want t' flag yer code example wit' an explicit language.</p>
 <p>If ye want multiple tabs grouped together ye can wrap yer tabs into th' <a href="../../../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="be119b32542a843bd92402eec6616917">
+<div class="tab-panel" data-tab-group="fadf4f8817c7b6fa36b91bfcf4fa2ed3">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('be119b32542a843bd92402eec6616917','c')"
+      onclick="switchTab('fadf4f8817c7b6fa36b91bfcf4fa2ed3','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -215,13 +215,13 @@ If ye want multiple tabs grouped together ye can wrap yer tabs into th&#39; tabs
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="17db7e4e900d83c54b7ac2cfcc7cc95a">
+<div class="tab-panel" data-tab-group="3bc439c72228b46621b311edde0bfb90">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('17db7e4e900d83c54b7ac2cfcc7cc95a','code')"
+      onclick="switchTab('3bc439c72228b46621b311edde0bfb90','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -243,13 +243,13 @@ If ye want multiple tabs grouped together ye can wrap yer tabs into th&#39; tabs
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="4fc7816b5081f3b5d28b3b661dd1904b">
+<div class="tab-panel" data-tab-group="dd1c4c6e4503e29ac863af1559a3d22e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('4fc7816b5081f3b5d28b3b661dd1904b','mixed')"
+      onclick="switchTab('dd1c4c6e4503e29ac863af1559a3d22e','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -294,41 +294,41 @@ If ye want multiple tabs grouped together ye can wrap yer tabs into th&#39; tabs
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">th'</span> <span class="nx">background</span> <span class="nx">t'</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">o'</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">an'</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">ay'con</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="3f83290bc9c5ec2bc54fe8255909bc81">
+<div class="tab-panel" data-tab-group="c666c2a58332dc1b3655981e5f63307b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just-colored-style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('3f83290bc9c5ec2bc54fe8255909bc81','just-colored-style')"
+      onclick="switchTab('c666c2a58332dc1b3655981e5f63307b','just-colored-style')"
     >
       <span class="tab-nav-text">just colored style</span>
     </button>
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('3f83290bc9c5ec2bc54fe8255909bc81','just-color')"
+      onclick="switchTab('c666c2a58332dc1b3655981e5f63307b','just-color')"
     >
       <span class="tab-nav-text">just color</span>
     </button>
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('3f83290bc9c5ec2bc54fe8255909bc81','default-style-and-color')"
+      onclick="switchTab('c666c2a58332dc1b3655981e5f63307b','default-style-and-color')"
     >
       <span class="tab-nav-text">default style an' color</span>
     </button>
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('3f83290bc9c5ec2bc54fe8255909bc81','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('c666c2a58332dc1b3655981e5f63307b','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
     </button>
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('3f83290bc9c5ec2bc54fe8255909bc81','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('c666c2a58332dc1b3655981e5f63307b','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</span>
     </button>
@@ -390,8 +390,8 @@ If ye want multiple tabs grouped together ye can wrap yer tabs into th&#39; tabs
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.html b/pir/shortcodes/tabs/index.html
index 2f62d58a8b..e67e44cd0d 100644
--- a/pir/shortcodes/tabs/index.html
+++ b/pir/shortcodes/tabs/index.html
@@ -7,6 +7,13 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Tabs :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Th&#39; tabs shortcode displays arbitrary rrrambl&#39;n &#39;n an unlimited number o&#39; tabs.
+This comes &#39;n handy eg. fer provid&#39;n code snippets fer multiple languages.
+If ye just want a single tab ye can instead call th&#39; tab shortcode standalone.
+hello. py sh c print(&#34;Hello World!&#34;) echo &#34;Hello World!&#34; printf(&#34;Hello World!&#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.">
     <meta property="og:title" content="Tabs :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Th&#39; tabs shortcode displays arbitrary rrrambl&#39;n &#39;n an unlimited number o&#39; tabs.
 This comes &#39;n handy eg. fer provid&#39;n code snippets fer multiple languages.
@@ -17,33 +24,26 @@ hello. py sh c print(&#34;Hello World!&#34;) echo &#34;Hello World!&#34; printf(
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Tabs :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Th&#39; tabs shortcode displays arbitrary rrrambl&#39;n &#39;n an unlimited number o&#39; tabs.
-This comes &#39;n handy eg. fer provid&#39;n code snippets fer multiple languages.
-If ye just want a single tab ye can instead call th&#39; tab shortcode standalone.
-hello. py sh c print(&#34;Hello World!&#34;) echo &#34;Hello World!&#34; printf(&#34;Hello World!&#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.">
     <title>Tabs :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/tabs/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/tabs/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -158,27 +158,27 @@ hello. py sh c print(&#34;Hello World!&#34;) echo &#34;Hello World!&#34; printf(
 <p>This comes 'n handy eg. fer provid'n code snippets fer multiple languages.</p>
 <p>If ye just want a single tab ye can instead call th' <a href="../../../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="80a568647fe4f401d18db4dd48494303">
+<div class="tab-panel" data-tab-group="4a9cf519d57f688f6924c5643fabdaa4">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('80a568647fe4f401d18db4dd48494303','py')"
+      onclick="switchTab('4a9cf519d57f688f6924c5643fabdaa4','py')"
     >
       <span class="tab-nav-text">py</span>
     </button>
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('80a568647fe4f401d18db4dd48494303','sh')"
+      onclick="switchTab('4a9cf519d57f688f6924c5643fabdaa4','sh')"
     >
       <span class="tab-nav-text">sh</span>
     </button>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('80a568647fe4f401d18db4dd48494303','c')"
+      onclick="switchTab('4a9cf519d57f688f6924c5643fabdaa4','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -326,27 +326,27 @@ hello. py sh c print(&#34;Hello World!&#34;) echo &#34;Hello World!&#34; printf(
 <p>See what happens t' th' tab views while ye select different tabs.</p>
 <p>While press'n a tab o' Group A switches all tab views o' Group A 'n sync (if th' tab be available), th' tabs o' Group B be left untouched.</p>
 
-<div class="tab-panel" data-tab-group="ab6204f2e5d78ad7fc3a7bb932b7c258">
+<div class="tab-panel" data-tab-group="d12255c88594b3dc31a8a579e9a875ea">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="group-a-tab-view-1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('ab6204f2e5d78ad7fc3a7bb932b7c258','group-a-tab-view-1')"
+      onclick="switchTab('d12255c88594b3dc31a8a579e9a875ea','group-a-tab-view-1')"
     >
       <span class="tab-nav-text">Group A, Tab View 1</span>
     </button>
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('ab6204f2e5d78ad7fc3a7bb932b7c258','group-a-tab-view-2')"
+      onclick="switchTab('d12255c88594b3dc31a8a579e9a875ea','group-a-tab-view-2')"
     >
       <span class="tab-nav-text">Group A, Tab View 2</span>
     </button>
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('ab6204f2e5d78ad7fc3a7bb932b7c258','group-b')"
+      onclick="switchTab('d12255c88594b3dc31a8a579e9a875ea','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -783,12 +783,12 @@ hello. py sh c print(&#34;Hello World!&#34;) echo &#34;Hello World!&#34; printf(
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038925" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038925" defer></script>
-        <script src="../../../js/search.js?1697038925" defer></script>
+        <script src="../../../js/auto-complete.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040178" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040178" defer></script>
+        <script src="../../../js/search.js?1697040178" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -945,13 +945,13 @@ hello. py sh c print(&#34;Hello World!&#34;) echo &#34;Hello World!&#34; printf(
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038925"></script>
+          <script async src="../../../js/github-buttons.js?1697040178"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038925" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038925" defer></script>
-    <script src="../../../js/theme.js?1697038925" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040178" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040178" defer></script>
+    <script src="../../../js/theme.js?1697040178" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.print.html b/pir/shortcodes/tabs/index.print.html
index 0d48fb75db..531f0f56c4 100644
--- a/pir/shortcodes/tabs/index.print.html
+++ b/pir/shortcodes/tabs/index.print.html
@@ -7,6 +7,13 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Tabs :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Th&#39; tabs shortcode displays arbitrary rrrambl&#39;n &#39;n an unlimited number o&#39; tabs.
+This comes &#39;n handy eg. fer provid&#39;n code snippets fer multiple languages.
+If ye just want a single tab ye can instead call th&#39; tab shortcode standalone.
+hello. py sh c print(&#34;Hello World!&#34;) echo &#34;Hello World!&#34; printf(&#34;Hello World!&#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.">
     <meta property="og:title" content="Tabs :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Th&#39; tabs shortcode displays arbitrary rrrambl&#39;n &#39;n an unlimited number o&#39; tabs.
 This comes &#39;n handy eg. fer provid&#39;n code snippets fer multiple languages.
@@ -17,34 +24,27 @@ hello. py sh c print(&#34;Hello World!&#34;) echo &#34;Hello World!&#34; printf(
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Tabs :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Th&#39; tabs shortcode displays arbitrary rrrambl&#39;n &#39;n an unlimited number o&#39; tabs.
-This comes &#39;n handy eg. fer provid&#39;n code snippets fer multiple languages.
-If ye just want a single tab ye can instead call th&#39; tab shortcode standalone.
-hello. py sh c print(&#34;Hello World!&#34;) echo &#34;Hello World!&#34; printf(&#34;Hello World!&#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.">
     <title>Tabs :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/tabs/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/tabs/index.html" rel="alternate" hreflang="en">
     <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?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../../js/url.js?1697038927"></script>
-    <script src="../../../js/variant.js?1697038927"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../../js/url.js?1697040179"></script>
+    <script src="../../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,27 +104,27 @@ hello. py sh c print(&#34;Hello World!&#34;) echo &#34;Hello World!&#34; printf(
 <p>This comes 'n handy eg. fer provid'n code snippets fer multiple languages.</p>
 <p>If ye just want a single tab ye can instead call th' <a href="../../../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="80a568647fe4f401d18db4dd48494303">
+<div class="tab-panel" data-tab-group="4a9cf519d57f688f6924c5643fabdaa4">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('80a568647fe4f401d18db4dd48494303','py')"
+      onclick="switchTab('4a9cf519d57f688f6924c5643fabdaa4','py')"
     >
       <span class="tab-nav-text">py</span>
     </button>
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('80a568647fe4f401d18db4dd48494303','sh')"
+      onclick="switchTab('4a9cf519d57f688f6924c5643fabdaa4','sh')"
     >
       <span class="tab-nav-text">sh</span>
     </button>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('80a568647fe4f401d18db4dd48494303','c')"
+      onclick="switchTab('4a9cf519d57f688f6924c5643fabdaa4','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -272,27 +272,27 @@ hello. py sh c print(&#34;Hello World!&#34;) echo &#34;Hello World!&#34; printf(
 <p>See what happens t' th' tab views while ye select different tabs.</p>
 <p>While press'n a tab o' Group A switches all tab views o' Group A 'n sync (if th' tab be available), th' tabs o' Group B be left untouched.</p>
 
-<div class="tab-panel" data-tab-group="ab6204f2e5d78ad7fc3a7bb932b7c258">
+<div class="tab-panel" data-tab-group="d12255c88594b3dc31a8a579e9a875ea">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="group-a-tab-view-1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('ab6204f2e5d78ad7fc3a7bb932b7c258','group-a-tab-view-1')"
+      onclick="switchTab('d12255c88594b3dc31a8a579e9a875ea','group-a-tab-view-1')"
     >
       <span class="tab-nav-text">Group A, Tab View 1</span>
     </button>
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('ab6204f2e5d78ad7fc3a7bb932b7c258','group-a-tab-view-2')"
+      onclick="switchTab('d12255c88594b3dc31a8a579e9a875ea','group-a-tab-view-2')"
     >
       <span class="tab-nav-text">Group A, Tab View 2</span>
     </button>
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('ab6204f2e5d78ad7fc3a7bb932b7c258','group-b')"
+      onclick="switchTab('d12255c88594b3dc31a8a579e9a875ea','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -648,8 +648,8 @@ hello. py sh c print(&#34;Hello World!&#34;) echo &#34;Hello World!&#34; printf(
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/showcase/index.html b/pir/showcase/index.html
index 0d13c35b9b..62b4ae0f62 100644
--- a/pir/showcase/index.html
+++ b/pir/showcase/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Showcase :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/showcase/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/showcase/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html" rel="alternate" hreflang="pir">
     <link href="../../pir/showcase/index.xml" rel="alternate" type="application/rss+xml" title="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/showcase/index.print.html" rel="alternate" type="text/html" title="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,14 +139,14 @@
 
 
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
-<p><a href="#R-image-3fd2ee0207e799e27add44b0404cc7af" class="lightbox-link"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-3fd2ee0207e799e27add44b0404cc7af"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-d508dc87742ce6b4e9b71309a732203d" class="lightbox-link"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-d508dc87742ce6b4e9b71309a732203d"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-train'n.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
-<p><a href="#R-image-41b4e5a4325d313d05b58c991eaa4d26" class="lightbox-link"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-41b4e5a4325d313d05b58c991eaa4d26"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-9520a88ae50991cba6f18976b01828f9" class="lightbox-link"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-9520a88ae50991cba6f18976b01828f9"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol</h2>
-<p><a href="#R-image-c486c941be72676e8eff4c48c214e391" class="lightbox-link"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c486c941be72676e8eff4c48c214e391"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-f0cb8c5929a5fa4ab45858a2f2cfe6ac" class="lightbox-link"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-f0cb8c5929a5fa4ab45858a2f2cfe6ac"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -237,12 +237,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038927" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038927" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038927" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038927" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038927" defer></script>
-        <script src="../../js/search.js?1697038927" defer></script>
+        <script src="../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -399,13 +399,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038927"></script>
+          <script async src="../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../js/theme.js?1697038927" defer></script>
+    <script src="../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/showcase/index.print.html b/pir/showcase/index.print.html
index cfbb9e6e6f..c25d1aa936 100644
--- a/pir/showcase/index.print.html
+++ b/pir/showcase/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Showcase :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/showcase/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/showcase/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html" rel="canonical" type="text/html" title="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/showcase/index.xml" rel="alternate" type="application/rss+xml" title="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038927" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038927" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038927" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038927" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038927" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038927" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038927" rel="stylesheet">
-    <link href="../../css/print.css?1697038927" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038927" rel="stylesheet">
-    <link href="../../css/ie.css?1697038927" rel="stylesheet">
-    <script src="../../js/url.js?1697038927"></script>
-    <script src="../../js/variant.js?1697038927"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040179" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040179" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040179" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040179" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040179" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040179" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040179" rel="stylesheet">
+    <link href="../../css/print.css?1697040179" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040179" rel="stylesheet">
+    <link href="../../css/ie.css?1697040179" rel="stylesheet">
+    <script src="../../js/url.js?1697040179"></script>
+    <script src="../../js/variant.js?1697040179"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,14 +93,14 @@
 
 
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
-<p><a href="#R-image-3fd2ee0207e799e27add44b0404cc7af" class="lightbox-link"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-3fd2ee0207e799e27add44b0404cc7af"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-d508dc87742ce6b4e9b71309a732203d" class="lightbox-link"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-d508dc87742ce6b4e9b71309a732203d"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-train'n.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
-<p><a href="#R-image-41b4e5a4325d313d05b58c991eaa4d26" class="lightbox-link"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-41b4e5a4325d313d05b58c991eaa4d26"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-9520a88ae50991cba6f18976b01828f9" class="lightbox-link"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-9520a88ae50991cba6f18976b01828f9"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol</h2>
-<p><a href="#R-image-c486c941be72676e8eff4c48c214e391" class="lightbox-link"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c486c941be72676e8eff4c48c214e391"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-f0cb8c5929a5fa4ab45858a2f2cfe6ac" class="lightbox-link"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-f0cb8c5929a5fa4ab45858a2f2cfe6ac"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -110,8 +110,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../js/theme.js?1697038927" defer></script>
+    <script src="../../js/clipboard.min.js?1697040180" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040180" defer></script>
+    <script src="../../js/theme.js?1697040180" defer></script>
   </body>
 </html>
diff --git a/pir/tags/children/index.html b/pir/tags/children/index.html
index f2d08d78aa..ac5e9c2be4 100644
--- a/pir/tags/children/index.html
+++ b/pir/tags/children/index.html
@@ -7,35 +7,35 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Children :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Children :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/tags/children/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Children :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Children :: Tak :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/children/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/children/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/children/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/tags/children/index.xml" rel="alternate" type="application/rss+xml" title="Children :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -223,12 +223,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038927" defer></script>
-        <script src="../../../js/search.js?1697038927" defer></script>
+        <script src="../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -385,13 +385,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038927"></script>
+          <script async src="../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/tags/config/index.html b/pir/tags/config/index.html
index 64443fcc1e..91cdd62eb6 100644
--- a/pir/tags/config/index.html
+++ b/pir/tags/config/index.html
@@ -7,35 +7,35 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="config :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="config :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/tags/config/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="config :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>config :: Tak :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/config/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/config/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/config/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/tags/config/index.xml" rel="alternate" type="application/rss+xml" title="config :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -210,12 +210,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038927" defer></script>
-        <script src="../../../js/search.js?1697038927" defer></script>
+        <script src="../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -372,13 +372,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038927"></script>
+          <script async src="../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/tags/content/index.html b/pir/tags/content/index.html
index ab2337aba8..1577fb1794 100644
--- a/pir/tags/content/index.html
+++ b/pir/tags/content/index.html
@@ -7,35 +7,35 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Content :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Content :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/tags/content/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Content :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Content :: Tak :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/content/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/content/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/content/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/tags/content/index.xml" rel="alternate" type="application/rss+xml" title="Content :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -210,12 +210,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038927" defer></script>
-        <script src="../../../js/search.js?1697038927" defer></script>
+        <script src="../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -372,13 +372,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038927"></script>
+          <script async src="../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/tags/documentatn/index.html b/pir/tags/documentatn/index.html
index ca2e24df0a..02da5e66f1 100644
--- a/pir/tags/documentatn/index.html
+++ b/pir/tags/documentatn/index.html
@@ -7,32 +7,32 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="documentat&#39;n :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="documentat&#39;n :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/tags/documentatn/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="documentat&#39;n :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>documentat&#39;n :: Tak :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="../../../pir/tags/documentatn/index.xml" rel="alternate" type="application/rss+xml" title="documentat&#39;n :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -207,12 +207,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038927" defer></script>
-        <script src="../../../js/search.js?1697038927" defer></script>
+        <script src="../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -368,13 +368,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038927"></script>
+          <script async src="../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/tags/headless/index.html b/pir/tags/headless/index.html
index c784f752b9..2d97d8809b 100644
--- a/pir/tags/headless/index.html
+++ b/pir/tags/headless/index.html
@@ -7,35 +7,35 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="headless :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="headless :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/tags/headless/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="headless :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>headless :: Tak :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/headless/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/headless/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/headless/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/tags/headless/index.xml" rel="alternate" type="application/rss+xml" title="headless :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -209,12 +209,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038927" defer></script>
-        <script src="../../../js/search.js?1697038927" defer></script>
+        <script src="../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -371,13 +371,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038927"></script>
+          <script async src="../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/tags/hidden/index.html b/pir/tags/hidden/index.html
index 16c56110f8..7068e2c006 100644
--- a/pir/tags/hidden/index.html
+++ b/pir/tags/hidden/index.html
@@ -7,35 +7,35 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="hidden :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="hidden :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/tags/hidden/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="hidden :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>hidden :: Tak :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/hidden/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/hidden/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/hidden/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/tags/hidden/index.xml" rel="alternate" type="application/rss+xml" title="hidden :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -214,12 +214,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038927" defer></script>
-        <script src="../../../js/search.js?1697038927" defer></script>
+        <script src="../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -376,13 +376,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038927"></script>
+          <script async src="../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/tags/index.html b/pir/tags/index.html
index fd48482286..32deb774fa 100644
--- a/pir/tags/index.html
+++ b/pir/tags/index.html
@@ -7,35 +7,35 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Taks :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Taks :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/tags/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Taks :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Taks :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/index.html" rel="alternate" hreflang="pir">
     <link href="../../pir/tags/index.xml" rel="alternate" type="application/rss+xml" title="Taks :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -237,12 +237,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038927" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038927" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038927" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038927" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038927" defer></script>
-        <script src="../../js/search.js?1697038927" defer></script>
+        <script src="../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -399,13 +399,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038927"></script>
+          <script async src="../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../js/theme.js?1697038927" defer></script>
+    <script src="../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/tags/non-hidden/index.html b/pir/tags/non-hidden/index.html
index 62f100561c..5146eceebb 100644
--- a/pir/tags/non-hidden/index.html
+++ b/pir/tags/non-hidden/index.html
@@ -7,35 +7,35 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="non-hidden :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="non-hidden :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/tags/non-hidden/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="non-hidden :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>non-hidden :: Tak :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/non-hidden/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/non-hidden/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/non-hidden/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/tags/non-hidden/index.xml" rel="alternate" type="application/rss+xml" title="non-hidden :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -217,12 +217,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038927" defer></script>
-        <script src="../../../js/search.js?1697038927" defer></script>
+        <script src="../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -379,13 +379,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038927"></script>
+          <script async src="../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/pir/tags/tutorrrial/index.html b/pir/tags/tutorrrial/index.html
index 2a02cdb33a..ac22f73148 100644
--- a/pir/tags/tutorrrial/index.html
+++ b/pir/tags/tutorrrial/index.html
@@ -7,32 +7,32 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="tutorrrial :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="tutorrrial :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/pir/tags/tutorrrial/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="tutorrrial :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>tutorrrial :: Tak :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="../../../pir/tags/tutorrrial/index.xml" rel="alternate" type="application/rss+xml" title="tutorrrial :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1697038924" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040177" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -207,12 +207,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038927" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038927" defer></script>
-        <script src="../../../js/search.js?1697038927" defer></script>
+        <script src="../../../js/auto-complete.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040179" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040179" defer></script>
+        <script src="../../../js/search.js?1697040179" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -368,13 +368,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038927"></script>
+          <script async src="../../../js/github-buttons.js?1697040179"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038927" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038927" defer></script>
-    <script src="../../../js/theme.js?1697038927" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040179" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040179" defer></script>
+    <script src="../../../js/theme.js?1697040179" defer></script>
   </body>
 </html>
diff --git a/search.html b/search.html
index 30b0b922e6..de25753a61 100644
--- a/search.html
+++ b/search.html
@@ -7,35 +7,35 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Search :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Search :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/search.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Search :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Search :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/search.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/search.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/search.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/search.html" rel="canonical" type="text/html" title="Search :: Hugo Relearn Theme">
-    <link href="./images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="./css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="./css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1697038924" rel="stylesheet">
-    <link href="./css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="./css/variant.css?1697038924" rel="stylesheet">
-    <link href="./css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1697038924" rel="stylesheet">
-    <script src="./js/url.js?1697038924"></script>
-    <script src="./js/variant.js?1697038924"></script>
+    <link href="./css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="./css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="./css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1697040177" rel="stylesheet">
+    <link href="./css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="./css/variant.css?1697040177" rel="stylesheet">
+    <link href="./css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1697040177" rel="stylesheet">
+    <script src="./js/url.js?1697040177"></script>
+    <script src="./js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -204,12 +204,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="./js/auto-complete.js?1697038924" defer></script>
-        <script src="./js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="./js/search.js?1697038924" defer></script>
+        <script src="./js/auto-complete.js?1697040177" defer></script>
+        <script src="./js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="./js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -366,13 +366,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="./js/github-buttons.js?1697038924"></script>
+          <script async src="./js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1697038924" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="./js/theme.js?1697038924" defer></script>
+    <script src="./js/clipboard.min.js?1697040177" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="./js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.html b/shortcodes/attachments/index.html
index 54a581cd29..d5368981c6 100644
--- a/shortcodes/attachments/index.html
+++ b/shortcodes/attachments/index.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="List of files attached to a page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Attachments :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="List of files attached to a page">
     <meta property="og:title" content="Attachments :: Hugo Relearn Theme">
     <meta property="og:description" content="List of files attached to a page">
     <meta property="og:type" content="article">
@@ -14,30 +18,26 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Attachments :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="List of files attached to a page">
     <title>Attachments :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/attachments/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/attachments/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -485,12 +485,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -647,13 +647,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.print.html b/shortcodes/attachments/index.print.html
index 29228a4cee..63ac7e8080 100644
--- a/shortcodes/attachments/index.print.html
+++ b/shortcodes/attachments/index.print.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="List of files attached to a page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Attachments :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="List of files attached to a page">
     <meta property="og:title" content="Attachments :: Hugo Relearn Theme">
     <meta property="og:description" content="List of files attached to a page">
     <meta property="og:type" content="article">
@@ -14,31 +18,27 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Attachments :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="List of files attached to a page">
     <title>Attachments :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/attachments/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/attachments/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -342,8 +342,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.html b/shortcodes/badge/index.html
index 582ec9e7b9..eac50ec94c 100644
--- a/shortcodes/badge/index.html
+++ b/shortcodes/badge/index.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Marker badges to display in your text">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Badge :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Marker badges to display in your text">
     <meta property="og:title" content="Badge :: Hugo Relearn Theme">
     <meta property="og:description" content="Marker badges to display in your text">
     <meta property="og:type" content="article">
@@ -14,30 +18,26 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Badge :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Marker badges to display in your text">
     <title>Badge :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/badge/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/badge/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -424,12 +424,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -586,13 +586,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.print.html b/shortcodes/badge/index.print.html
index 6752537f7d..78ec19957e 100644
--- a/shortcodes/badge/index.print.html
+++ b/shortcodes/badge/index.print.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Marker badges to display in your text">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Badge :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Marker badges to display in your text">
     <meta property="og:title" content="Badge :: Hugo Relearn Theme">
     <meta property="og:description" content="Marker badges to display in your text">
     <meta property="og:type" content="article">
@@ -14,31 +18,27 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Badge :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Marker badges to display in your text">
     <title>Badge :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/badge/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/badge/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -288,8 +288,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.html b/shortcodes/button/index.html
index e4f62b63e2..c67d109ab7 100644
--- a/shortcodes/button/index.html
+++ b/shortcodes/button/index.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Clickable buttons">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Button :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Clickable buttons">
     <meta property="og:title" content="Button :: Hugo Relearn Theme">
     <meta property="og:description" content="Clickable buttons">
     <meta property="og:type" content="article">
@@ -14,30 +18,26 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Button :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Clickable buttons">
     <title>Button :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/button/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/button/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -564,12 +564,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -726,13 +726,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.print.html b/shortcodes/button/index.print.html
index b01fbb9337..d8e077e0ab 100644
--- a/shortcodes/button/index.print.html
+++ b/shortcodes/button/index.print.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Clickable buttons">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Button :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Clickable buttons">
     <meta property="og:title" content="Button :: Hugo Relearn Theme">
     <meta property="og:description" content="Clickable buttons">
     <meta property="og:type" content="article">
@@ -14,31 +18,27 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Button :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Clickable buttons">
     <title>Button :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/button/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/button/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -427,8 +427,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" 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 3af851cf33..504e1c9c9c 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
@@ -8,34 +8,34 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="This is a non-hidden demo child page of a hidden parent page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="page 1-1-1-1-1-1 :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="This is a non-hidden demo child page of a hidden parent page">
     <meta property="og:title" content="page 1-1-1-1-1-1 :: Hugo Relearn Theme">
     <meta property="og:description" content="This is a non-hidden demo child page of a hidden parent page">
     <meta property="og:type" content="website">
     <meta property="og:url" content="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">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="page 1-1-1-1-1-1 :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="This is a non-hidden demo child page of a hidden parent page">
     <title>page 1-1-1-1-1-1 :: Hugo Relearn Theme</title>
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1697038923"></script>
-    <script src="../../../../../../../../js/variant.js?1697038923"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1697040176"></script>
+    <script src="../../../../../../../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -232,12 +232,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../js/auto-complete.js?1697038924" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../../../../../../../../js/search.js?1697038924" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1697040177" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../../../../../../../../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -398,13 +398,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../../js/github-buttons.js?1697038924"></script>
+          <script async src="../../../../../../../../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../../../../../../../js/theme.js?1697038924" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../../../../../../../js/theme.js?1697040177" 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 17bd4104f3..8d6b49bc49 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
@@ -8,35 +8,35 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="This is a non-hidden demo child page of a hidden parent page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="page 1-1-1-1-1-1 :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="This is a non-hidden demo child page of a hidden parent page">
     <meta property="og:title" content="page 1-1-1-1-1-1 :: Hugo Relearn Theme">
     <meta property="og:description" content="This is a non-hidden demo child page of a hidden parent page">
     <meta property="og:type" content="website">
     <meta property="og:url" content="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">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="page 1-1-1-1-1-1 :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="This is a non-hidden demo child page of a hidden parent page">
     <title>page 1-1-1-1-1-1 :: Hugo Relearn Theme</title>
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1697038924"></script>
-    <script src="../../../../../../../../js/variant.js?1697038924"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1697040177"></script>
+    <script src="../../../../../../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -112,8 +112,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../../../../../../../js/theme.js?1697038924" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../../../../../../../js/theme.js?1697040177" 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 c9035590fa..8c40e92634 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
@@ -8,34 +8,34 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="This is a hidden demo child page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="page 1-1-1-1-1 (hidden) :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="This is a hidden demo child page">
     <meta property="og:title" content="page 1-1-1-1-1 (hidden) :: Hugo Relearn Theme">
     <meta property="og:description" content="This is a hidden demo child page">
     <meta property="og:type" content="website">
     <meta property="og:url" content="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">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="page 1-1-1-1-1 (hidden) :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="This is a hidden demo child page">
     <title>page 1-1-1-1-1 (hidden) :: Hugo Relearn Theme</title>
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1697038923"></script>
-    <script src="../../../../../../../js/variant.js?1697038923"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1697040176"></script>
+    <script src="../../../../../../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -242,12 +242,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1697038924" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../../../../../../../js/search.js?1697038924" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1697040177" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../../../../../../../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -408,13 +408,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../js/github-buttons.js?1697038924"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../../../../../../js/theme.js?1697038924" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../../../../../../js/theme.js?1697040177" 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 c7674a5953..eb042e4b45 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
@@ -8,35 +8,35 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="This is a hidden demo child page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="page 1-1-1-1-1 (hidden) :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="This is a hidden demo child page">
     <meta property="og:title" content="page 1-1-1-1-1 (hidden) :: Hugo Relearn Theme">
     <meta property="og:description" content="This is a hidden demo child page">
     <meta property="og:type" content="website">
     <meta property="og:url" content="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">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="page 1-1-1-1-1 (hidden) :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="This is a hidden demo child page">
     <title>page 1-1-1-1-1 (hidden) :: Hugo Relearn Theme</title>
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1697038924"></script>
-    <script src="../../../../../../../js/variant.js?1697038924"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1697040177"></script>
+    <script src="../../../../../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -137,8 +137,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../../../../../../js/theme.js?1697038924" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../../../../../../js/theme.js?1697040177" 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 4bb62ca565..7f602432ab 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
@@ -8,34 +8,34 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="This is a non-hidden demo child page of a hidden parent page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="page 1-1-1-1 :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="This is a non-hidden demo child page of a hidden parent page">
     <meta property="og:title" content="page 1-1-1-1 :: Hugo Relearn Theme">
     <meta property="og:description" content="This is a non-hidden demo child page of a hidden parent page">
     <meta property="og:type" content="website">
     <meta property="og:url" content="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">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="page 1-1-1-1 :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="This is a non-hidden demo child page of a hidden parent page">
     <title>page 1-1-1-1 :: Hugo Relearn Theme</title>
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1697038923"></script>
-    <script src="../../../../../../js/variant.js?1697038923"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1697040176"></script>
+    <script src="../../../../../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -241,12 +241,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1697038924" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../../../../../../js/search.js?1697038924" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1697040177" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../../../../../../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -405,13 +405,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1697038924"></script>
+          <script async src="../../../../../../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../../../../../js/theme.js?1697038924" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../../../../../js/theme.js?1697040177" 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 90c5b80a59..1b48ce8977 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
@@ -8,35 +8,35 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="This is a non-hidden demo child page of a hidden parent page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="page 1-1-1-1 :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="This is a non-hidden demo child page of a hidden parent page">
     <meta property="og:title" content="page 1-1-1-1 :: Hugo Relearn Theme">
     <meta property="og:description" content="This is a non-hidden demo child page of a hidden parent page">
     <meta property="og:type" content="website">
     <meta property="og:url" content="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">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="page 1-1-1-1 :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="This is a non-hidden demo child page of a hidden parent page">
     <title>page 1-1-1-1 :: Hugo Relearn Theme</title>
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1697038924"></script>
-    <script src="../../../../../../js/variant.js?1697038924"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1697040177"></script>
+    <script src="../../../../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -119,8 +119,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../../../../../js/theme.js?1697038924" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../../../../../js/theme.js?1697040177" 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 ab4da1b70a..8644dcfb1c 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
@@ -8,34 +8,34 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="This is a hidden demo child page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="page 1-1-1 (hidden) :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="This is a hidden demo child page">
     <meta property="og:title" content="page 1-1-1 (hidden) :: Hugo Relearn Theme">
     <meta property="og:description" content="This is a hidden demo child page">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="page 1-1-1 (hidden) :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="This is a hidden demo child page">
     <title>page 1-1-1 (hidden) :: Hugo Relearn Theme</title>
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../../../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../../../../js/url.js?1697038923"></script>
-    <script src="../../../../../js/variant.js?1697038923"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../../../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../../../../js/url.js?1697040176"></script>
+    <script src="../../../../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -240,12 +240,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../../../../js/search.js?1697038923" defer></script>
+        <script src="../../../../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../../../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -404,13 +404,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../../../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../../../../js/theme.js?1697038923" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../../../../js/theme.js?1697040177" 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 68e547648a..6bd822657d 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
@@ -8,35 +8,35 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="This is a hidden demo child page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="page 1-1-1 (hidden) :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="This is a hidden demo child page">
     <meta property="og:title" content="page 1-1-1 (hidden) :: Hugo Relearn Theme">
     <meta property="og:description" content="This is a hidden demo child page">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="page 1-1-1 (hidden) :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="This is a hidden demo child page">
     <title>page 1-1-1 (hidden) :: Hugo Relearn Theme</title>
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../../../js/url.js?1697038924"></script>
-    <script src="../../../../../js/variant.js?1697038924"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../../../js/url.js?1697040177"></script>
+    <script src="../../../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -144,8 +144,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../../../../js/theme.js?1697038924" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../../../../js/theme.js?1697040177" 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 52bc4f490c..85c04b2962 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
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="This is a demo child page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="page 1-1-2-1 :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="This is a demo child page">
     <meta property="og:title" content="page 1-1-2-1 :: Hugo Relearn Theme">
     <meta property="og:description" content="This is a demo child page">
     <meta property="og:type" content="website">
     <meta property="og:url" content="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">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="page 1-1-2-1 :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="This is a demo child page">
     <title>page 1-1-2-1 :: Hugo Relearn Theme</title>
     <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="alternate" hreflang="x-default">
     <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="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1697038923"></script>
-    <script src="../../../../../../js/variant.js?1697038923"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1697040176"></script>
+    <script src="../../../../../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -231,12 +231,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1697038924" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../../../../../../js/search.js?1697038924" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1697040177" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../../../../../../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -393,13 +393,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1697038924"></script>
+          <script async src="../../../../../../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../../../../../js/theme.js?1697038924" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../../../../../js/theme.js?1697040177" 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 892401660c..36200de71c 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
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="This is a demo child page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="page 1-1-2-1 :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="This is a demo child page">
     <meta property="og:title" content="page 1-1-2-1 :: Hugo Relearn Theme">
     <meta property="og:description" content="This is a demo child page">
     <meta property="og:type" content="website">
     <meta property="og:url" content="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">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="page 1-1-2-1 :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="This is a demo child page">
     <title>page 1-1-2-1 :: Hugo Relearn Theme</title>
     <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="alternate" hreflang="x-default">
     <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="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1697038924"></script>
-    <script src="../../../../../../js/variant.js?1697038924"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1697040177"></script>
+    <script src="../../../../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -111,8 +111,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../../../../../js/theme.js?1697038924" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../../../../../js/theme.js?1697040177" 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 dc8e63cabe..72ea5397d5 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
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="This is a demo child page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="page 1-1-2-2 :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="This is a demo child page">
     <meta property="og:title" content="page 1-1-2-2 :: Hugo Relearn Theme">
     <meta property="og:description" content="This is a demo child page">
     <meta property="og:type" content="website">
     <meta property="og:url" content="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">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="page 1-1-2-2 :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="This is a demo child page">
     <title>page 1-1-2-2 :: Hugo Relearn Theme</title>
     <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="alternate" hreflang="x-default">
     <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="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1697038923"></script>
-    <script src="../../../../../../js/variant.js?1697038923"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1697040176"></script>
+    <script src="../../../../../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -231,12 +231,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1697038924" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../../../../../../js/search.js?1697038924" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1697040177" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../../../../../../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -393,13 +393,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1697038924"></script>
+          <script async src="../../../../../../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../../../../../js/theme.js?1697038924" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../../../../../js/theme.js?1697040177" 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 99b3bc133b..b0eab6c899 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
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="This is a demo child page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="page 1-1-2-2 :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="This is a demo child page">
     <meta property="og:title" content="page 1-1-2-2 :: Hugo Relearn Theme">
     <meta property="og:description" content="This is a demo child page">
     <meta property="og:type" content="website">
     <meta property="og:url" content="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">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="page 1-1-2-2 :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="This is a demo child page">
     <title>page 1-1-2-2 :: Hugo Relearn Theme</title>
     <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="alternate" hreflang="x-default">
     <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="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1697038924"></script>
-    <script src="../../../../../../js/variant.js?1697038924"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1697040177"></script>
+    <script src="../../../../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -111,8 +111,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../../../../../js/theme.js?1697038924" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../../../../../js/theme.js?1697040177" 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 f9969dc72d..6a7f1d69cc 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
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="This is a demo child page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="page 1-1-3 :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="This is a demo child page">
     <meta property="og:title" content="page 1-1-3 :: Hugo Relearn Theme">
     <meta property="og:description" content="This is a demo child page">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="page 1-1-3 :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="This is a demo child page">
     <title>page 1-1-3 :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/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-3/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-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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../../../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../../../../js/url.js?1697038923"></script>
-    <script src="../../../../../js/variant.js?1697038923"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../../../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../../../../js/url.js?1697040176"></script>
+    <script src="../../../../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -230,12 +230,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1697038924" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../../../../../js/search.js?1697038924" defer></script>
+        <script src="../../../../../js/auto-complete.js?1697040177" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../../../../../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -392,13 +392,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1697038924"></script>
+          <script async src="../../../../../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../../../../js/theme.js?1697038924" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../../../../js/theme.js?1697040177" 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 830a6a341a..8e98e89531 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
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="This is a demo child page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="page 1-1-3 :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="This is a demo child page">
     <meta property="og:title" content="page 1-1-3 :: Hugo Relearn Theme">
     <meta property="og:description" content="This is a demo child page">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="page 1-1-3 :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="This is a demo child page">
     <title>page 1-1-3 :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/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-3/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-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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../../../js/url.js?1697038924"></script>
-    <script src="../../../../../js/variant.js?1697038924"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../../../js/url.js?1697040177"></script>
+    <script src="../../../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -110,8 +110,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../../../../js/theme.js?1697038924" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../../../../js/theme.js?1697040177" 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 1704bc389f..0ce0886441 100644
--- a/shortcodes/children/children-1/children-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="This is a demo child page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="page 1-1 :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="This is a demo child page">
     <meta property="og:title" content="page 1-1 :: Hugo Relearn Theme">
     <meta property="og:description" content="This is a demo child page">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="page 1-1 :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="This is a demo child page">
     <title>page 1-1 :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-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/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../../../js/url.js?1697038923"></script>
-    <script src="../../../../js/variant.js?1697038923"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../../../js/url.js?1697040176"></script>
+    <script src="../../../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -242,12 +242,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../../../js/search.js?1697038923" defer></script>
+        <script src="../../../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -404,13 +404,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../../../js/theme.js?1697038923" defer></script>
+    <script src="../../../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../../../js/theme.js?1697040176" 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 69e5c44a9a..a87d61909c 100644
--- a/shortcodes/children/children-1/children-1-1/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="This is a demo child page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="page 1-1 :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="This is a demo child page">
     <meta property="og:title" content="page 1-1 :: Hugo Relearn Theme">
     <meta property="og:description" content="This is a demo child page">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="page 1-1 :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="This is a demo child page">
     <title>page 1-1 :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-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/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../../js/url.js?1697038924"></script>
-    <script src="../../../../js/variant.js?1697038924"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../../js/url.js?1697040177"></script>
+    <script src="../../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../../../js/theme.js?1697038924" defer></script>
+    <script src="../../../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.html b/shortcodes/children/children-1/index.html
index b7ff44ca96..3f4fea6d72 100644
--- a/shortcodes/children/children-1/index.html
+++ b/shortcodes/children/children-1/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="This is a demo child page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="page 1 :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="This is a demo child page">
     <meta property="og:title" content="page 1 :: Hugo Relearn Theme">
     <meta property="og:description" content="This is a demo child page">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="page 1 :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="This is a demo child page">
     <title>page 1 :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../../js/url.js?1697038923"></script>
-    <script src="../../../js/variant.js?1697038923"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../../js/url.js?1697040176"></script>
+    <script src="../../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -239,12 +239,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../../js/search.js?1697038923" defer></script>
+        <script src="../../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -401,13 +401,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../../js/theme.js?1697038923" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.print.html b/shortcodes/children/children-1/index.print.html
index 617ddfc0f5..e94ecc445a 100644
--- a/shortcodes/children/children-1/index.print.html
+++ b/shortcodes/children/children-1/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="This is a demo child page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="page 1 :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="This is a demo child page">
     <meta property="og:title" content="page 1 :: Hugo Relearn Theme">
     <meta property="og:description" content="This is a demo child page">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="page 1 :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="This is a demo child page">
     <title>page 1 :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -216,8 +216,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../../js/theme.js?1697038924" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.html b/shortcodes/children/children-2/index.html
index 6b06a7bb03..03a3b0a95c 100644
--- a/shortcodes/children/children-2/index.html
+++ b/shortcodes/children/children-2/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="page 2 :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="page 2 :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-2/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="page 2 :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>page 2 :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-2/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-2/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../../js/url.js?1697038923"></script>
-    <script src="../../../js/variant.js?1697038923"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../../js/url.js?1697040176"></script>
+    <script src="../../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -229,12 +229,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../../../js/search.js?1697038924" defer></script>
+        <script src="../../../js/auto-complete.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../../../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -391,13 +391,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038924"></script>
+          <script async src="../../../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../../js/theme.js?1697038924" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.print.html b/shortcodes/children/children-2/index.print.html
index f835937253..3febb169ce 100644
--- a/shortcodes/children/children-2/index.print.html
+++ b/shortcodes/children/children-2/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="page 2 :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="page 2 :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-2/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="page 2 :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>page 2 :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-2/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-2/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -109,8 +109,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../../js/theme.js?1697038924" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.html b/shortcodes/children/children-3/index.html
index 6c8ef1ed17..07e5748e7c 100644
--- a/shortcodes/children/children-3/index.html
+++ b/shortcodes/children/children-3/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="This is a demo child page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="page 3 :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="This is a demo child page">
     <meta property="og:title" content="page 3 :: Hugo Relearn Theme">
     <meta property="og:description" content="This is a demo child page">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-3/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="page 3 :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="This is a demo child page">
     <title>page 3 :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-3/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../../js/url.js?1697038923"></script>
-    <script src="../../../js/variant.js?1697038923"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../../js/url.js?1697040176"></script>
+    <script src="../../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -239,12 +239,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../../../js/search.js?1697038924" defer></script>
+        <script src="../../../js/auto-complete.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../../../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -401,13 +401,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038924"></script>
+          <script async src="../../../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../../js/theme.js?1697038924" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.print.html b/shortcodes/children/children-3/index.print.html
index f0c41d34eb..a8bb373399 100644
--- a/shortcodes/children/children-3/index.print.html
+++ b/shortcodes/children/children-3/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="This is a demo child page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="page 3 :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="This is a demo child page">
     <meta property="og:title" content="page 3 :: Hugo Relearn Theme">
     <meta property="og:description" content="This is a demo child page">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-3/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="page 3 :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="This is a demo child page">
     <title>page 3 :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-3/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -134,8 +134,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../../js/theme.js?1697038924" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/test3/index.html b/shortcodes/children/children-3/test3/index.html
index e09d9f9dd6..aecc32cc54 100644
--- a/shortcodes/children/children-3/test3/index.html
+++ b/shortcodes/children/children-3/test3/index.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="This is a plain page test nested in a parent">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="page 3-1 :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="This is a plain page test nested in a parent">
     <meta property="og:title" content="page 3-1 :: Hugo Relearn Theme">
     <meta property="og:description" content="This is a plain page test nested in a parent">
     <meta property="og:type" content="article">
@@ -14,30 +18,26 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="page 3 :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="page 3-1 :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="This is a plain page test nested in a parent">
     <title>page 3-1 :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-3/test3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-3/test3/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../../../js/url.js?1697038923"></script>
-    <script src="../../../../js/variant.js?1697038923"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../../../js/url.js?1697040176"></script>
+    <script src="../../../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -230,12 +230,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../../../js/search.js?1697038923" defer></script>
+        <script src="../../../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -392,13 +392,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../../../js/theme.js?1697038923" defer></script>
+    <script src="../../../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../../../js/theme.js?1697040176" 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 c6b2e7f3bf..ef6dfd9e31 100644
--- a/shortcodes/children/children-3/test3/index.print.html
+++ b/shortcodes/children/children-3/test3/index.print.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="This is a plain page test nested in a parent">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="page 3-1 :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="This is a plain page test nested in a parent">
     <meta property="og:title" content="page 3-1 :: Hugo Relearn Theme">
     <meta property="og:description" content="This is a plain page test nested in a parent">
     <meta property="og:type" content="article">
@@ -14,31 +18,27 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="page 3 :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="page 3-1 :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="This is a plain page test nested in a parent">
     <title>page 3-1 :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-3/test3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-3/test3/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../../js/url.js?1697038924"></script>
-    <script src="../../../../js/variant.js?1697038924"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../../js/url.js?1697040177"></script>
+    <script src="../../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -110,8 +110,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../../../js/theme.js?1697038924" defer></script>
+    <script src="../../../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.html b/shortcodes/children/children-4/index.html
index fa53424285..345190eee6 100644
--- a/shortcodes/children/children-4/index.html
+++ b/shortcodes/children/children-4/index.html
@@ -8,34 +8,34 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="This is a hidden demo child page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="page 4 (hidden) :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="This is a hidden demo child page">
     <meta property="og:title" content="page 4 (hidden) :: Hugo Relearn Theme">
     <meta property="og:description" content="This is a hidden demo child page">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="page 4 (hidden) :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="This is a hidden demo child page">
     <title>page 4 (hidden) :: Hugo Relearn Theme</title>
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../../js/url.js?1697038923"></script>
-    <script src="../../../js/variant.js?1697038923"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../../js/url.js?1697040176"></script>
+    <script src="../../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../../../js/search.js?1697038924" defer></script>
+        <script src="../../../js/auto-complete.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../../../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -390,13 +390,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038924"></script>
+          <script async src="../../../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../../js/theme.js?1697038924" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.print.html b/shortcodes/children/children-4/index.print.html
index f4ab79c4a6..243ecb515a 100644
--- a/shortcodes/children/children-4/index.print.html
+++ b/shortcodes/children/children-4/index.print.html
@@ -8,35 +8,35 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="This is a hidden demo child page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="page 4 (hidden) :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="This is a hidden demo child page">
     <meta property="og:title" content="page 4 (hidden) :: Hugo Relearn Theme">
     <meta property="og:description" content="This is a hidden demo child page">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="page 4 (hidden) :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="This is a hidden demo child page">
     <title>page 4 (hidden) :: Hugo Relearn Theme</title>
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -107,8 +107,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../../js/theme.js?1697038924" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.html b/shortcodes/children/index.html
index 4f018f27dd..ae63c5d5fb 100644
--- a/shortcodes/children/index.html
+++ b/shortcodes/children/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="List the child pages of a page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Children :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="List the child pages of a page">
     <meta property="og:title" content="Children :: Hugo Relearn Theme">
     <meta property="og:description" content="List the child pages of a page">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Children :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="List the child pages of a page">
     <title>Children :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -426,12 +426,12 @@ So its content is used as description.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -588,13 +588,13 @@ So its content is used as description.</p>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.print.html b/shortcodes/children/index.print.html
index 4bed931024..ed333d03e7 100644
--- a/shortcodes/children/index.print.html
+++ b/shortcodes/children/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="List the child pages of a page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Children :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="List the child pages of a page">
     <meta property="og:title" content="Children :: Hugo Relearn Theme">
     <meta property="og:description" content="List the child pages of a page">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Children :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="List the child pages of a page">
     <title>Children :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -493,8 +493,8 @@ So its content is used as description.</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.html b/shortcodes/children/test/index.html
index 24df142bf4..3fe1663c71 100644
--- a/shortcodes/children/test/index.html
+++ b/shortcodes/children/test/index.html
@@ -8,6 +8,11 @@
     <meta name="description" content="This is a plain page test, and the beginning of a YAML multiline description...
 ">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="page X :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="This is a plain page test, and the beginning of a YAML multiline description...
+">
     <meta property="og:title" content="page X :: Hugo Relearn Theme">
     <meta property="og:description" content="This is a plain page test, and the beginning of a YAML multiline description...
 ">
@@ -16,31 +21,26 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Children :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="page X :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="This is a plain page test, and the beginning of a YAML multiline description...
-">
     <title>page X :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/test/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/test/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../../js/url.js?1697038923"></script>
-    <script src="../../../js/variant.js?1697038923"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../../js/url.js?1697040176"></script>
+    <script src="../../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -231,12 +231,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../../js/search.js?1697038923" defer></script>
+        <script src="../../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -393,13 +393,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../../js/theme.js?1697038923" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.print.html b/shortcodes/children/test/index.print.html
index c468fba3f5..f3a9803871 100644
--- a/shortcodes/children/test/index.print.html
+++ b/shortcodes/children/test/index.print.html
@@ -8,6 +8,11 @@
     <meta name="description" content="This is a plain page test, and the beginning of a YAML multiline description...
 ">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="page X :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="This is a plain page test, and the beginning of a YAML multiline description...
+">
     <meta property="og:title" content="page X :: Hugo Relearn Theme">
     <meta property="og:description" content="This is a plain page test, and the beginning of a YAML multiline description...
 ">
@@ -16,32 +21,27 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Children :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="page X :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="This is a plain page test, and the beginning of a YAML multiline description...
-">
     <title>page X :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/test/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/test/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../../js/url.js?1697038924"></script>
-    <script src="../../../js/variant.js?1697038924"></script>
+    <link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../../js/url.js?1697040177"></script>
+    <script src="../../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -111,8 +111,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../../js/theme.js?1697038924" defer></script>
+    <script src="../../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.html b/shortcodes/expand/index.html
index af59d9e7e5..fd91f7d3a9 100644
--- a/shortcodes/expand/index.html
+++ b/shortcodes/expand/index.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Expandable/collapsible sections of text">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Expand :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Expandable/collapsible sections of text">
     <meta property="og:title" content="Expand :: Hugo Relearn Theme">
     <meta property="og:description" content="Expandable/collapsible sections of text">
     <meta property="og:type" content="article">
@@ -14,30 +18,26 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Expand :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Expandable/collapsible sections of text">
     <title>Expand :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/expand/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/expand/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -151,13 +151,13 @@
 <p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-e219cb6cc1262d2c5c4359a289fef328" aria-controls="R-expandcontent-e219cb6cc1262d2c5c4359a289fef328" >
-    <label class="expand-label" for="R-expand-e219cb6cc1262d2c5c4359a289fef328" >
+    <input type="checkbox" id="R-expand-68e099e494f7c0d9cb100ae4caf309f7" aria-controls="R-expandcontent-68e099e494f7c0d9cb100ae4caf309f7" >
+    <label class="expand-label" for="R-expand-68e099e494f7c0d9cb100ae4caf309f7" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-e219cb6cc1262d2c5c4359a289fef328" class="expand-content">
+    <div id="R-expandcontent-68e099e494f7c0d9cb100ae4caf309f7" class="expand-content">
 
 <p>Thank you!</p>
 <p>That&rsquo;s some text with a footnote<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
@@ -275,26 +275,26 @@
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">you</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-3a680548e48780e68a6b0a745ff18788" aria-controls="R-expandcontent-3a680548e48780e68a6b0a745ff18788" >
-    <label class="expand-label" for="R-expand-3a680548e48780e68a6b0a745ff18788" >
+    <input type="checkbox" id="R-expand-4d646f9489d08e666a97c198727130cd" aria-controls="R-expandcontent-4d646f9489d08e666a97c198727130cd" >
+    <label class="expand-label" for="R-expand-4d646f9489d08e666a97c198727130cd" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-3a680548e48780e68a6b0a745ff18788" class="expand-content">
+    <div id="R-expandcontent-4d646f9489d08e666a97c198727130cd" class="expand-content">
 <p>
 Yes, you did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">to</span> <span class="nx">press</span> <span class="nx">you</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-9a8d8612703667a831fff4f7bf1c9f91" aria-controls="R-expandcontent-9a8d8612703667a831fff4f7bf1c9f91"  checked>
-    <label class="expand-label" for="R-expand-9a8d8612703667a831fff4f7bf1c9f91" >
+    <input type="checkbox" id="R-expand-bbda84658f63e5b7cf4127c022193fe8" aria-controls="R-expandcontent-bbda84658f63e5b7cf4127c022193fe8"  checked>
+    <label class="expand-label" for="R-expand-bbda84658f63e5b7cf4127c022193fe8" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-9a8d8612703667a831fff4f7bf1c9f91" class="expand-content">
+    <div id="R-expandcontent-bbda84658f63e5b7cf4127c022193fe8" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -315,13 +315,13 @@ No need to press you!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">the</span> <span class="nx">possibilities</span> <span class="nx">are</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">including</span> <span class="nx">other</span> <span class="nx">shortcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-9df4819bac173cf187948ffe1dfdc75a" aria-controls="R-expandcontent-9df4819bac173cf187948ffe1dfdc75a" >
-    <label class="expand-label" for="R-expand-9df4819bac173cf187948ffe1dfdc75a" >
+    <input type="checkbox" id="R-expand-a65dce7bb3e079d13c3e1a7cf3258cf8" aria-controls="R-expandcontent-a65dce7bb3e079d13c3e1a7cf3258cf8" >
+    <label class="expand-label" for="R-expand-a65dce7bb3e079d13c3e1a7cf3258cf8" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="R-expandcontent-9df4819bac173cf187948ffe1dfdc75a" class="expand-content">
+    <div id="R-expandcontent-a65dce7bb3e079d13c3e1a7cf3258cf8" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -425,12 +425,12 @@ No need to press you!</div>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -587,13 +587,13 @@ No need to press you!</div>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.print.html b/shortcodes/expand/index.print.html
index 0b274c2d2d..5dab0b8999 100644
--- a/shortcodes/expand/index.print.html
+++ b/shortcodes/expand/index.print.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Expandable/collapsible sections of text">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Expand :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Expandable/collapsible sections of text">
     <meta property="og:title" content="Expand :: Hugo Relearn Theme">
     <meta property="og:description" content="Expandable/collapsible sections of text">
     <meta property="og:type" content="article">
@@ -14,31 +18,27 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Expand :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Expandable/collapsible sections of text">
     <title>Expand :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/expand/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/expand/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-e219cb6cc1262d2c5c4359a289fef328" aria-controls="R-expandcontent-e219cb6cc1262d2c5c4359a289fef328" >
-    <label class="expand-label" for="R-expand-e219cb6cc1262d2c5c4359a289fef328" >
+    <input type="checkbox" id="R-expand-68e099e494f7c0d9cb100ae4caf309f7" aria-controls="R-expandcontent-68e099e494f7c0d9cb100ae4caf309f7" >
+    <label class="expand-label" for="R-expand-68e099e494f7c0d9cb100ae4caf309f7" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-e219cb6cc1262d2c5c4359a289fef328" class="expand-content">
+    <div id="R-expandcontent-68e099e494f7c0d9cb100ae4caf309f7" class="expand-content">
 
 <p>Thank you!</p>
 <p>That&rsquo;s some text with a footnote<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
@@ -220,26 +220,26 @@
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">you</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-3a680548e48780e68a6b0a745ff18788" aria-controls="R-expandcontent-3a680548e48780e68a6b0a745ff18788" >
-    <label class="expand-label" for="R-expand-3a680548e48780e68a6b0a745ff18788" >
+    <input type="checkbox" id="R-expand-4d646f9489d08e666a97c198727130cd" aria-controls="R-expandcontent-4d646f9489d08e666a97c198727130cd" >
+    <label class="expand-label" for="R-expand-4d646f9489d08e666a97c198727130cd" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-3a680548e48780e68a6b0a745ff18788" class="expand-content">
+    <div id="R-expandcontent-4d646f9489d08e666a97c198727130cd" class="expand-content">
 <p>
 Yes, you did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">to</span> <span class="nx">press</span> <span class="nx">you</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-9a8d8612703667a831fff4f7bf1c9f91" aria-controls="R-expandcontent-9a8d8612703667a831fff4f7bf1c9f91"  checked>
-    <label class="expand-label" for="R-expand-9a8d8612703667a831fff4f7bf1c9f91" >
+    <input type="checkbox" id="R-expand-bbda84658f63e5b7cf4127c022193fe8" aria-controls="R-expandcontent-bbda84658f63e5b7cf4127c022193fe8"  checked>
+    <label class="expand-label" for="R-expand-bbda84658f63e5b7cf4127c022193fe8" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-9a8d8612703667a831fff4f7bf1c9f91" class="expand-content">
+    <div id="R-expandcontent-bbda84658f63e5b7cf4127c022193fe8" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -260,13 +260,13 @@ No need to press you!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">the</span> <span class="nx">possibilities</span> <span class="nx">are</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">including</span> <span class="nx">other</span> <span class="nx">shortcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-9df4819bac173cf187948ffe1dfdc75a" aria-controls="R-expandcontent-9df4819bac173cf187948ffe1dfdc75a" >
-    <label class="expand-label" for="R-expand-9df4819bac173cf187948ffe1dfdc75a" >
+    <input type="checkbox" id="R-expand-a65dce7bb3e079d13c3e1a7cf3258cf8" aria-controls="R-expandcontent-a65dce7bb3e079d13c3e1a7cf3258cf8" >
+    <label class="expand-label" for="R-expand-a65dce7bb3e079d13c3e1a7cf3258cf8" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="R-expandcontent-9df4819bac173cf187948ffe1dfdc75a" class="expand-content">
+    <div id="R-expandcontent-a65dce7bb3e079d13c3e1a7cf3258cf8" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -289,8 +289,8 @@ No need to press you!</div>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/shortcodes/highlight/index.html b/shortcodes/highlight/index.html
index 3344363778..356b8f8099 100644
--- a/shortcodes/highlight/index.html
+++ b/shortcodes/highlight/index.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Render code with a syntax highlighter">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Highlight :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Render code with a syntax highlighter">
     <meta property="og:title" content="Highlight :: Hugo Relearn Theme">
     <meta property="og:description" content="Render code with a syntax highlighter">
     <meta property="og:type" content="article">
@@ -14,30 +18,26 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Highlight :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Render code with a syntax highlighter">
     <title>Highlight :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/highlight/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/highlight/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/highlight/index.xml" rel="alternate" type="application/rss+xml" title="Highlight :: Hugo Relearn Theme">
     <link href="../../shortcodes/highlight/index.print.html" rel="alternate" type="text/html" title="Highlight :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -158,13 +158,13 @@
 <p>The <code>highlight</code> shortcode renders your code with a syntax highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="10fdf71aa23c41bc3d5a4bf1c0373a4a">
+<div class="tab-panel" data-tab-group="af6a4cca569eaf427b528e70937abec8">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('10fdf71aa23c41bc3d5a4bf1c0373a4a','python')"
+      onclick="switchTab('af6a4cca569eaf427b528e70937abec8','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -369,13 +369,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="7bd3c45c3f221e83ecb3d7dc7338b95a">
+<div class="tab-panel" data-tab-group="6d4a39cbeda3ae2fba557b676924333e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7bd3c45c3f221e83ecb3d7dc7338b95a','python')"
+      onclick="switchTab('6d4a39cbeda3ae2fba557b676924333e','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -495,12 +495,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -657,13 +657,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/shortcodes/highlight/index.print.html b/shortcodes/highlight/index.print.html
index 6872d8d078..dfc8094bd2 100644
--- a/shortcodes/highlight/index.print.html
+++ b/shortcodes/highlight/index.print.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Render code with a syntax highlighter">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Highlight :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Render code with a syntax highlighter">
     <meta property="og:title" content="Highlight :: Hugo Relearn Theme">
     <meta property="og:description" content="Render code with a syntax highlighter">
     <meta property="og:type" content="article">
@@ -14,31 +18,27 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Highlight :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Render code with a syntax highlighter">
     <title>Highlight :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/highlight/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/highlight/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/highlight/index.html" rel="canonical" type="text/html" title="Highlight :: Hugo Relearn Theme">
     <link href="../../shortcodes/highlight/index.xml" rel="alternate" type="application/rss+xml" title="Highlight :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <p>The <code>highlight</code> shortcode renders your code with a syntax highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="10fdf71aa23c41bc3d5a4bf1c0373a4a">
+<div class="tab-panel" data-tab-group="af6a4cca569eaf427b528e70937abec8">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('10fdf71aa23c41bc3d5a4bf1c0373a4a','python')"
+      onclick="switchTab('af6a4cca569eaf427b528e70937abec8','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -307,13 +307,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="7bd3c45c3f221e83ecb3d7dc7338b95a">
+<div class="tab-panel" data-tab-group="6d4a39cbeda3ae2fba557b676924333e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7bd3c45c3f221e83ecb3d7dc7338b95a','python')"
+      onclick="switchTab('6d4a39cbeda3ae2fba557b676924333e','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -352,8 +352,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.html b/shortcodes/icon/index.html
index 93f3f8c705..e1f4e69fb4 100644
--- a/shortcodes/icon/index.html
+++ b/shortcodes/icon/index.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Nice icons for your page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Icon :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Nice icons for your page">
     <meta property="og:title" content="Icon :: Hugo Relearn Theme">
     <meta property="og:description" content="Nice icons for your page">
     <meta property="og:type" content="article">
@@ -14,30 +18,26 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Icon :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Nice icons for your page">
     <title>Icon :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/icon/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/icon/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -348,12 +348,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -510,13 +510,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.print.html b/shortcodes/icon/index.print.html
index 486924da5d..c598963297 100644
--- a/shortcodes/icon/index.print.html
+++ b/shortcodes/icon/index.print.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Nice icons for your page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Icon :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Nice icons for your page">
     <meta property="og:title" content="Icon :: Hugo Relearn Theme">
     <meta property="og:description" content="Nice icons for your page">
     <meta property="og:type" content="article">
@@ -14,31 +18,27 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Icon :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Nice icons for your page">
     <title>Icon :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/icon/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/icon/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -211,8 +211,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.html b/shortcodes/include/index.html
index c5dfad8f97..d3de9bade3 100644
--- a/shortcodes/include/index.html
+++ b/shortcodes/include/index.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Displays content from other files">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Include :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Displays content from other files">
     <meta property="og:title" content="Include :: Hugo Relearn Theme">
     <meta property="og:description" content="Displays content from other files">
     <meta property="og:type" content="article">
@@ -14,30 +18,26 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Include :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Displays content from other files">
     <title>Include :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/include/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/include/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -338,12 +338,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -500,13 +500,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.print.html b/shortcodes/include/index.print.html
index e51ec43d4c..8dc77b3c4d 100644
--- a/shortcodes/include/index.print.html
+++ b/shortcodes/include/index.print.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Displays content from other files">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Include :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Displays content from other files">
     <meta property="og:title" content="Include :: Hugo Relearn Theme">
     <meta property="og:description" content="Displays content from other files">
     <meta property="og:type" content="article">
@@ -14,31 +18,27 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Include :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Displays content from other files">
     <title>Include :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/include/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/include/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -204,8 +204,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.html b/shortcodes/include_me/index.html
index 30d13f553d..9b33fdbf61 100644
--- a/shortcodes/include_me/index.html
+++ b/shortcodes/include_me/index.html
@@ -8,6 +8,12 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="">
+    <meta name="twitter:description" content="You can add standard markdown syntax:
+multiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc.1 ...and even source code the possibilities are endless (almost - including other shortcodes may or may not work) (almost - including other shortcodes may or may not work)
+Et Cetera (English: /ɛtˈsɛtərə/), abbreviated to etc., etc, et cet., is a Latin expression that is used in English to mean &ldquo;and other similar things&rdquo;, or &ldquo;and so forth&rdquo;&#160;&#x21a9;&#xfe0e;">
     <meta property="og:title" content="">
     <meta property="og:description" content="You can add standard markdown syntax:
 multiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc.1 ...and even source code the possibilities are endless (almost - including other shortcodes may or may not work) (almost - including other shortcodes may or may not work)
@@ -17,27 +23,21 @@ Et Cetera (English: /ɛtˈsɛtərə/), abbreviated to etc., etc, et cet., is a L
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="">
-    <meta name="twitter:description" content="You can add standard markdown syntax:
-multiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc.1 ...and even source code the possibilities are endless (almost - including other shortcodes may or may not work) (almost - including other shortcodes may or may not work)
-Et Cetera (English: /ɛtˈsɛtərə/), abbreviated to etc., etc, et cet., is a Latin expression that is used in English to mean &ldquo;and other similar things&rdquo;, or &ldquo;and so forth&rdquo;&#160;&#x21a9;&#xfe0e;">
     <title></title>
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -239,12 +239,12 @@ Et Cetera (English: /ɛtˈsɛtərə/), abbreviated to etc., etc, et cet., is a L
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -401,13 +401,13 @@ Et Cetera (English: /ɛtˈsɛtərə/), abbreviated to etc., etc, et cet., is a L
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.print.html b/shortcodes/include_me/index.print.html
index 0e592c20cb..3de4af0e3c 100644
--- a/shortcodes/include_me/index.print.html
+++ b/shortcodes/include_me/index.print.html
@@ -8,6 +8,12 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="">
+    <meta name="twitter:description" content="You can add standard markdown syntax:
+multiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc.1 ...and even source code the possibilities are endless (almost - including other shortcodes may or may not work) (almost - including other shortcodes may or may not work)
+Et Cetera (English: /ɛtˈsɛtərə/), abbreviated to etc., etc, et cet., is a Latin expression that is used in English to mean &ldquo;and other similar things&rdquo;, or &ldquo;and so forth&rdquo;&#160;&#x21a9;&#xfe0e;">
     <meta property="og:title" content="">
     <meta property="og:description" content="You can add standard markdown syntax:
 multiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc.1 ...and even source code the possibilities are endless (almost - including other shortcodes may or may not work) (almost - including other shortcodes may or may not work)
@@ -17,28 +23,22 @@ Et Cetera (English: /ɛtˈsɛtərə/), abbreviated to etc., etc, et cet., is a L
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="">
-    <meta name="twitter:description" content="You can add standard markdown syntax:
-multiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc.1 ...and even source code the possibilities are endless (almost - including other shortcodes may or may not work) (almost - including other shortcodes may or may not work)
-Et Cetera (English: /ɛtˈsɛtərə/), abbreviated to etc., etc, et cet., is a Latin expression that is used in English to mean &ldquo;and other similar things&rdquo;, or &ldquo;and so forth&rdquo;&#160;&#x21a9;&#xfe0e;">
     <title></title>
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@ Et Cetera (English: /ɛtˈsɛtərə/), abbreviated to etc., etc, et cet., is a L
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.html b/shortcodes/index.html
index fd850d7dd9..4032285ce6 100644
--- a/shortcodes/index.html
+++ b/shortcodes/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Shortcodes :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/shortcodes/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Shortcodes :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Shortcodes :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../js/url.js?1697038923"></script>
-    <script src="../js/variant.js?1697038923"></script>
+    <link href="../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../js/url.js?1697040176"></script>
+    <script src="../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -243,12 +243,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1697038923" defer></script>
-        <script src="../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../js/search.js?1697038923" defer></script>
+        <script src="../js/auto-complete.js?1697040176" defer></script>
+        <script src="../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -405,13 +405,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1697038923"></script>
+          <script async src="../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../js/theme.js?1697038923" defer></script>
+    <script src="../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.print.html b/shortcodes/index.print.html
index cfe0be2e09..751fc43229 100644
--- a/shortcodes/index.print.html
+++ b/shortcodes/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Shortcodes :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/shortcodes/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Shortcodes :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Shortcodes :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../js/url.js?1697038924"></script>
-    <script src="../js/variant.js?1697038924"></script>
+    <link href="../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../js/url.js?1697040177"></script>
+    <script src="../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1317,13 +1317,13 @@ So its content is used as description.</p>
 <p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-e219cb6cc1262d2c5c4359a289fef328" aria-controls="R-expandcontent-e219cb6cc1262d2c5c4359a289fef328" >
-    <label class="expand-label" for="R-expand-e219cb6cc1262d2c5c4359a289fef328" >
+    <input type="checkbox" id="R-expand-68e099e494f7c0d9cb100ae4caf309f7" aria-controls="R-expandcontent-68e099e494f7c0d9cb100ae4caf309f7" >
+    <label class="expand-label" for="R-expand-68e099e494f7c0d9cb100ae4caf309f7" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-e219cb6cc1262d2c5c4359a289fef328" class="expand-content">
+    <div id="R-expandcontent-68e099e494f7c0d9cb100ae4caf309f7" class="expand-content">
 
 <p>Thank you!</p>
 <p>That&rsquo;s some text with a footnote<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
@@ -1441,26 +1441,26 @@ So its content is used as description.</p>
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">you</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-3a680548e48780e68a6b0a745ff18788" aria-controls="R-expandcontent-3a680548e48780e68a6b0a745ff18788" >
-    <label class="expand-label" for="R-expand-3a680548e48780e68a6b0a745ff18788" >
+    <input type="checkbox" id="R-expand-4d646f9489d08e666a97c198727130cd" aria-controls="R-expandcontent-4d646f9489d08e666a97c198727130cd" >
+    <label class="expand-label" for="R-expand-4d646f9489d08e666a97c198727130cd" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-3a680548e48780e68a6b0a745ff18788" class="expand-content">
+    <div id="R-expandcontent-4d646f9489d08e666a97c198727130cd" class="expand-content">
 <p>
 Yes, you did it!</div>
 </div>
 <h3 id="initially-expanded">Initially Expanded</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">to</span> <span class="nx">press</span> <span class="nx">you</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-9a8d8612703667a831fff4f7bf1c9f91" aria-controls="R-expandcontent-9a8d8612703667a831fff4f7bf1c9f91"  checked>
-    <label class="expand-label" for="R-expand-9a8d8612703667a831fff4f7bf1c9f91" >
+    <input type="checkbox" id="R-expand-bbda84658f63e5b7cf4127c022193fe8" aria-controls="R-expandcontent-bbda84658f63e5b7cf4127c022193fe8"  checked>
+    <label class="expand-label" for="R-expand-bbda84658f63e5b7cf4127c022193fe8" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-9a8d8612703667a831fff4f7bf1c9f91" class="expand-content">
+    <div id="R-expandcontent-bbda84658f63e5b7cf4127c022193fe8" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -1481,13 +1481,13 @@ No need to press you!</div>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">the</span> <span class="nx">possibilities</span> <span class="nx">are</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">including</span> <span class="nx">other</span> <span class="nx">shortcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="R-expand-9df4819bac173cf187948ffe1dfdc75a" aria-controls="R-expandcontent-9df4819bac173cf187948ffe1dfdc75a" >
-    <label class="expand-label" for="R-expand-9df4819bac173cf187948ffe1dfdc75a" >
+    <input type="checkbox" id="R-expand-a65dce7bb3e079d13c3e1a7cf3258cf8" aria-controls="R-expandcontent-a65dce7bb3e079d13c3e1a7cf3258cf8" >
+    <label class="expand-label" for="R-expand-a65dce7bb3e079d13c3e1a7cf3258cf8" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="R-expandcontent-9df4819bac173cf187948ffe1dfdc75a" class="expand-content">
+    <div id="R-expandcontent-a65dce7bb3e079d13c3e1a7cf3258cf8" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -1515,13 +1515,13 @@ No need to press you!</div>
 <p>The <code>highlight</code> shortcode renders your code with a syntax highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="10fdf71aa23c41bc3d5a4bf1c0373a4a">
+<div class="tab-panel" data-tab-group="af6a4cca569eaf427b528e70937abec8">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('10fdf71aa23c41bc3d5a4bf1c0373a4a','python')"
+      onclick="switchTab('af6a4cca569eaf427b528e70937abec8','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -1726,13 +1726,13 @@ No need to press you!</div>
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="7bd3c45c3f221e83ecb3d7dc7338b95a">
+<div class="tab-panel" data-tab-group="6d4a39cbeda3ae2fba557b676924333e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7bd3c45c3f221e83ecb3d7dc7338b95a','python')"
+      onclick="switchTab('6d4a39cbeda3ae2fba557b676924333e','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -3211,7 +3211,7 @@ Electricity grid,H2 conversion,27.14
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-6295d6adc14a1d0428f96e4b5782a3f8"
+    id="R-openapi-844985d66daa3d9cbb224c152ca4c8c2"
     data-openapi-url="../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -3307,13 +3307,13 @@ Electricity grid,H2 conversion,27.14
 <p>To use formatted parameter, add this in your <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="3f77247f712d98f64259fa44f4403bae">
+<div class="tab-panel" data-tab-group="980de837c8dfa6591ed87460311dc204">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('3f77247f712d98f64259fa44f4403bae','configtoml')"
+      onclick="switchTab('980de837c8dfa6591ed87460311dc204','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -3345,13 +3345,13 @@ Electricity grid,H2 conversion,27.14
 <p>This is especially useful if you want to flag your code example with an explicit language.</p>
 <p>If you want multiple tabs grouped together you can wrap your tabs into the <a href="../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="c928ddd08ec0b19ef08f795efd18cdda">
+<div class="tab-panel" data-tab-group="3a0a5b84dcf80d278a00bc7f529624a6">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c928ddd08ec0b19ef08f795efd18cdda','c')"
+      onclick="switchTab('3a0a5b84dcf80d278a00bc7f529624a6','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -3456,13 +3456,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="a0c7b2e8e73b2d37b9e472c9954bec87">
+<div class="tab-panel" data-tab-group="52d9673425ace3f285692a087c4f2b58">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('a0c7b2e8e73b2d37b9e472c9954bec87','code')"
+      onclick="switchTab('52d9673425ace3f285692a087c4f2b58','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -3484,13 +3484,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="5b2e981e288912cdad691f1c44c114e8">
+<div class="tab-panel" data-tab-group="b52a166d19965395c80ff63a4a2b73d3">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('5b2e981e288912cdad691f1c44c114e8','mixed')"
+      onclick="switchTab('b52a166d19965395c80ff63a4a2b73d3','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -3535,41 +3535,41 @@ Electricity grid,H2 conversion,27.14
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">the</span> <span class="nx">background</span> <span class="nx">to</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">of</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">and</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">icon</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="e18d27f9c087503dd6278cdbd6a7555b">
+<div class="tab-panel" data-tab-group="1adf8c0da6053850ee535526ba32beb0">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just-colored-style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('e18d27f9c087503dd6278cdbd6a7555b','just-colored-style')"
+      onclick="switchTab('1adf8c0da6053850ee535526ba32beb0','just-colored-style')"
     >
       <span class="tab-nav-text">just colored style</span>
     </button>
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('e18d27f9c087503dd6278cdbd6a7555b','just-color')"
+      onclick="switchTab('1adf8c0da6053850ee535526ba32beb0','just-color')"
     >
       <span class="tab-nav-text">just color</span>
     </button>
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('e18d27f9c087503dd6278cdbd6a7555b','default-style-and-color')"
+      onclick="switchTab('1adf8c0da6053850ee535526ba32beb0','default-style-and-color')"
     >
       <span class="tab-nav-text">default style and color</span>
     </button>
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('e18d27f9c087503dd6278cdbd6a7555b','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('1adf8c0da6053850ee535526ba32beb0','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
     </button>
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('e18d27f9c087503dd6278cdbd6a7555b','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('1adf8c0da6053850ee535526ba32beb0','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style and color</span>
     </button>
@@ -3636,27 +3636,27 @@ Electricity grid,H2 conversion,27.14
 <p>This comes in handy eg. for providing code snippets for multiple languages.</p>
 <p>If you just want a single tab you can instead call the <a href="../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="b63425e973fe6237b8da94296c36f233">
+<div class="tab-panel" data-tab-group="6560d637fb5bed7350bf5631368b3d11">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('b63425e973fe6237b8da94296c36f233','py')"
+      onclick="switchTab('6560d637fb5bed7350bf5631368b3d11','py')"
     >
       <span class="tab-nav-text">py</span>
     </button>
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b63425e973fe6237b8da94296c36f233','sh')"
+      onclick="switchTab('6560d637fb5bed7350bf5631368b3d11','sh')"
     >
       <span class="tab-nav-text">sh</span>
     </button>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b63425e973fe6237b8da94296c36f233','c')"
+      onclick="switchTab('6560d637fb5bed7350bf5631368b3d11','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -3804,27 +3804,27 @@ Electricity grid,H2 conversion,27.14
 <p>See what happens to the tab views while you select different tabs.</p>
 <p>While pressing a tab of Group A switches all tab views of Group A in sync (if the tab is available), the tabs of Group B are left untouched.</p>
 
-<div class="tab-panel" data-tab-group="78a1229152e61781ccb901b6d26adc99">
+<div class="tab-panel" data-tab-group="f53b7a2e34cbeb171b60160dc02b4763">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="group-a-tab-view-1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('78a1229152e61781ccb901b6d26adc99','group-a-tab-view-1')"
+      onclick="switchTab('f53b7a2e34cbeb171b60160dc02b4763','group-a-tab-view-1')"
     >
       <span class="tab-nav-text">Group A, Tab View 1</span>
     </button>
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('78a1229152e61781ccb901b6d26adc99','group-a-tab-view-2')"
+      onclick="switchTab('f53b7a2e34cbeb171b60160dc02b4763','group-a-tab-view-2')"
     >
       <span class="tab-nav-text">Group A, Tab View 2</span>
     </button>
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('78a1229152e61781ccb901b6d26adc99','group-b')"
+      onclick="switchTab('f53b7a2e34cbeb171b60160dc02b4763','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -4180,8 +4180,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1697038924" defer></script>
+    <script src="../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1697040177" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -4210,27 +4210,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse( null ) );
     </script>
-    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1697038924"></script>
-    <script src="../js/d3/d3-color.min.js?1697038924" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1697038924" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1697038924" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1697038924" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1697038924" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1697038924" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1697038924" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1697038924" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1697038924" defer></script>
-    <script src="../js/js-yaml.min.js?1697038924" defer></script>
-    <script src="../js/mermaid.min.js?1697038924" defer></script>
+    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1697040177"></script>
+    <script src="../js/d3/d3-color.min.js?1697040177" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1697040177" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1697040177" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1697040177" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1697040177" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1697040177" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1697040177" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1697040177" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1697040177" defer></script>
+    <script src="../js/js-yaml.min.js?1697040177" defer></script>
+    <script src="../js/mermaid.min.js?1697040177" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse( null );
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../js/swagger-ui/swagger-ui-bundle.js?1697038924" defer></script>
-    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1697038924" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-bundle.js?1697040177" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1697040177" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1697038924", assetsBuster:  1697038924  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1697040177", assetsBuster:  1697040177  };
     </script>
-    <script src="../js/theme.js?1697038924" defer></script>
+    <script src="../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/shortcodes/math/index.html b/shortcodes/math/index.html
index 808ac297f3..03213652c8 100644
--- a/shortcodes/math/index.html
+++ b/shortcodes/math/index.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Beautiful math and chemical formulae">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Math :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Beautiful math and chemical formulae">
     <meta property="og:title" content="Math :: Hugo Relearn Theme">
     <meta property="og:description" content="Beautiful math and chemical formulae">
     <meta property="og:type" content="article">
@@ -14,30 +18,26 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Math :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Beautiful math and chemical formulae">
     <title>Math :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/math/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/math/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -398,12 +398,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -560,13 +560,13 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -595,7 +595,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
       }
       useMathJax( JSON.parse( null ) );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1697038923"></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1697040176"></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/shortcodes/math/index.print.html b/shortcodes/math/index.print.html
index a0d5639d6d..55adc1842e 100644
--- a/shortcodes/math/index.print.html
+++ b/shortcodes/math/index.print.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Beautiful math and chemical formulae">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Math :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Beautiful math and chemical formulae">
     <meta property="og:title" content="Math :: Hugo Relearn Theme">
     <meta property="og:description" content="Beautiful math and chemical formulae">
     <meta property="og:type" content="article">
@@ -14,31 +18,27 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Math :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Beautiful math and chemical formulae">
     <title>Math :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/math/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/math/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -255,8 +255,8 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -285,7 +285,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
       }
       useMathJax( JSON.parse( null ) );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1697038924"></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1697040177"></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.html b/shortcodes/mermaid/index.html
index 24f44d2b90..771fb7101b 100644
--- a/shortcodes/mermaid/index.html
+++ b/shortcodes/mermaid/index.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Generate diagrams and flowcharts from text">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Mermaid :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Generate diagrams and flowcharts from text">
     <meta property="og:title" content="Mermaid :: Hugo Relearn Theme">
     <meta property="og:description" content="Generate diagrams and flowcharts from text">
     <meta property="og:type" content="article">
@@ -14,30 +18,26 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Mermaid :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Generate diagrams and flowcharts from text">
     <title>Mermaid :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/mermaid/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/mermaid/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -864,12 +864,12 @@ Electricity grid,H2 conversion,27.14
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1026,27 +1026,27 @@ Electricity grid,H2 conversion,27.14
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1697038923" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1697038923" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1697038923" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1697038923" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1697038923" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1697038923" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1697038923" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1697038923" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1697038923" defer></script>
-    <script src="../../js/js-yaml.min.js?1697038923" defer></script>
-    <script src="../../js/mermaid.min.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1697040176" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1697040176" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1697040176" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1697040176" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1697040176" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1697040176" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1697040176" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1697040176" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1697040176" defer></script>
+    <script src="../../js/js-yaml.min.js?1697040176" defer></script>
+    <script src="../../js/mermaid.min.js?1697040176" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse( null );
     </script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.print.html b/shortcodes/mermaid/index.print.html
index f4d6e3e32b..f8dbdf70be 100644
--- a/shortcodes/mermaid/index.print.html
+++ b/shortcodes/mermaid/index.print.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Generate diagrams and flowcharts from text">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Mermaid :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Generate diagrams and flowcharts from text">
     <meta property="og:title" content="Mermaid :: Hugo Relearn Theme">
     <meta property="og:description" content="Generate diagrams and flowcharts from text">
     <meta property="og:type" content="article">
@@ -14,31 +18,27 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Mermaid :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Generate diagrams and flowcharts from text">
     <title>Mermaid :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/mermaid/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/mermaid/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -710,22 +710,22 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1697038924" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1697038924" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1697038924" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1697038924" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1697038924" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1697038924" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1697038924" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1697038924" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1697038924" defer></script>
-    <script src="../../js/js-yaml.min.js?1697038924" defer></script>
-    <script src="../../js/mermaid.min.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1697040177" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1697040177" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1697040177" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1697040177" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1697040177" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1697040177" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1697040177" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1697040177" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1697040177" defer></script>
+    <script src="../../js/js-yaml.min.js?1697040177" defer></script>
+    <script src="../../js/mermaid.min.js?1697040177" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse( null );
     </script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.html b/shortcodes/notice/index.html
index 5a893881fa..9ab4cc152a 100644
--- a/shortcodes/notice/index.html
+++ b/shortcodes/notice/index.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Disclaimers to help you structure your page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Notice :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Disclaimers to help you structure your page">
     <meta property="og:title" content="Notice :: Hugo Relearn Theme">
     <meta property="og:description" content="Disclaimers to help you structure your page">
     <meta property="og:type" content="article">
@@ -14,30 +18,26 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Notice :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Disclaimers to help you structure your page">
     <title>Notice :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/notice/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/notice/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -569,12 +569,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -731,13 +731,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.print.html b/shortcodes/notice/index.print.html
index 8213ee2e0b..31e9a37c0f 100644
--- a/shortcodes/notice/index.print.html
+++ b/shortcodes/notice/index.print.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Disclaimers to help you structure your page">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Notice :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Disclaimers to help you structure your page">
     <meta property="og:title" content="Notice :: Hugo Relearn Theme">
     <meta property="og:description" content="Disclaimers to help you structure your page">
     <meta property="og:type" content="article">
@@ -14,31 +18,27 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Notice :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Disclaimers to help you structure your page">
     <title>Notice :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/notice/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/notice/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -431,8 +431,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/shortcodes/openapi/index.html b/shortcodes/openapi/index.html
index 32471c90b5..5be2e4906d 100644
--- a/shortcodes/openapi/index.html
+++ b/shortcodes/openapi/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="UI for your OpenAPI / Swagger specifications">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="OpenAPI :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="UI for your OpenAPI / Swagger specifications">
     <meta property="og:title" content="OpenAPI :: Hugo Relearn Theme">
     <meta property="og:description" content="UI for your OpenAPI / Swagger specifications">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/shortcodes/openapi/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="OpenAPI :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="UI for your OpenAPI / Swagger specifications">
     <title>OpenAPI :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/openapi/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/openapi/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/openapi/index.xml" rel="alternate" type="application/rss+xml" title="OpenAPI :: Hugo Relearn Theme">
     <link href="../../shortcodes/openapi/index.print.html" rel="alternate" type="text/html" title="OpenAPI :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +227,7 @@
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-6295d6adc14a1d0428f96e4b5782a3f8"
+    id="R-openapi-844985d66daa3d9cbb224c152ca4c8c2"
     data-openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -320,12 +320,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../../js/search.js?1697038924" defer></script>
+        <script src="../../js/auto-complete.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -482,19 +482,19 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038924"></script>
+          <script async src="../../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1697038924" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1697038924" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1697040177" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1697040177" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1697038924", assetsBuster:  1697038924  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1697040177", assetsBuster:  1697040177  };
     </script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/shortcodes/openapi/index.print.html b/shortcodes/openapi/index.print.html
index aa4ce49e8c..81100eea8d 100644
--- a/shortcodes/openapi/index.print.html
+++ b/shortcodes/openapi/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="UI for your OpenAPI / Swagger specifications">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="OpenAPI :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="UI for your OpenAPI / Swagger specifications">
     <meta property="og:title" content="OpenAPI :: Hugo Relearn Theme">
     <meta property="og:description" content="UI for your OpenAPI / Swagger specifications">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/shortcodes/openapi/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="OpenAPI :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="UI for your OpenAPI / Swagger specifications">
     <title>OpenAPI :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/openapi/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/openapi/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/openapi/index.html" rel="canonical" type="text/html" title="OpenAPI :: Hugo Relearn Theme">
     <link href="../../shortcodes/openapi/index.xml" rel="alternate" type="application/rss+xml" title="OpenAPI :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +174,7 @@
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-6295d6adc14a1d0428f96e4b5782a3f8"
+    id="R-openapi-844985d66daa3d9cbb224c152ca4c8c2"
     data-openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -186,14 +186,14 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1697038924" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1697038924" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1697040177" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1697040177" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1697038924", assetsBuster:  1697038924  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1697040177", assetsBuster:  1697040177  };
     </script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.html b/shortcodes/siteparam/index.html
index f3b9c96bce..626055cfd2 100644
--- a/shortcodes/siteparam/index.html
+++ b/shortcodes/siteparam/index.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Get value of site params">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="SiteParam :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Get value of site params">
     <meta property="og:title" content="SiteParam :: Hugo Relearn Theme">
     <meta property="og:description" content="Get value of site params">
     <meta property="og:type" content="article">
@@ -14,30 +18,26 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="SiteParam :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Get value of site params">
     <title>SiteParam :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/siteparam/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/siteparam/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="SiteParam :: Hugo Relearn Theme">
     <link href="../../shortcodes/siteparam/index.print.html" rel="alternate" type="text/html" title="SiteParam :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -229,13 +229,13 @@
 <p>To use formatted parameter, add this in your <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="3f77247f712d98f64259fa44f4403bae">
+<div class="tab-panel" data-tab-group="980de837c8dfa6591ed87460311dc204">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('3f77247f712d98f64259fa44f4403bae','configtoml')"
+      onclick="switchTab('980de837c8dfa6591ed87460311dc204','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -342,12 +342,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -504,13 +504,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.print.html b/shortcodes/siteparam/index.print.html
index 3aa7574edd..e1cd930b7b 100644
--- a/shortcodes/siteparam/index.print.html
+++ b/shortcodes/siteparam/index.print.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Get value of site params">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="SiteParam :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Get value of site params">
     <meta property="og:title" content="SiteParam :: Hugo Relearn Theme">
     <meta property="og:description" content="Get value of site params">
     <meta property="og:type" content="article">
@@ -14,31 +18,27 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="SiteParam :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Get value of site params">
     <title>SiteParam :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/siteparam/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/siteparam/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/siteparam/index.html" rel="canonical" type="text/html" title="SiteParam :: Hugo Relearn Theme">
     <link href="../../shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="SiteParam :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -175,13 +175,13 @@
 <p>To use formatted parameter, add this in your <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="3f77247f712d98f64259fa44f4403bae">
+<div class="tab-panel" data-tab-group="980de837c8dfa6591ed87460311dc204">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('3f77247f712d98f64259fa44f4403bae','configtoml')"
+      onclick="switchTab('980de837c8dfa6591ed87460311dc204','configtoml')"
     >
       <span class="tab-nav-text">config.toml</span>
     </button>
@@ -207,8 +207,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tab/index.html b/shortcodes/tab/index.html
index 67e399d5c1..8e3f107bc7 100644
--- a/shortcodes/tab/index.html
+++ b/shortcodes/tab/index.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Show content in a single tab">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Tab :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Show content in a single tab">
     <meta property="og:title" content="Tab :: Hugo Relearn Theme">
     <meta property="og:description" content="Show content in a single tab">
     <meta property="og:type" content="article">
@@ -14,30 +18,26 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Tab :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Show content in a single tab">
     <title>Tab :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/tab/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/tab/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/tab/index.xml" rel="alternate" type="application/rss+xml" title="Tab :: Hugo Relearn Theme">
     <link href="../../shortcodes/tab/index.print.html" rel="alternate" type="text/html" title="Tab :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -152,13 +152,13 @@
 <p>This is especially useful if you want to flag your code example with an explicit language.</p>
 <p>If you want multiple tabs grouped together you can wrap your tabs into the <a href="../../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="c928ddd08ec0b19ef08f795efd18cdda">
+<div class="tab-panel" data-tab-group="3a0a5b84dcf80d278a00bc7f529624a6">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c928ddd08ec0b19ef08f795efd18cdda','c')"
+      onclick="switchTab('3a0a5b84dcf80d278a00bc7f529624a6','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -263,13 +263,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="a0c7b2e8e73b2d37b9e472c9954bec87">
+<div class="tab-panel" data-tab-group="52d9673425ace3f285692a087c4f2b58">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('a0c7b2e8e73b2d37b9e472c9954bec87','code')"
+      onclick="switchTab('52d9673425ace3f285692a087c4f2b58','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -291,13 +291,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="5b2e981e288912cdad691f1c44c114e8">
+<div class="tab-panel" data-tab-group="b52a166d19965395c80ff63a4a2b73d3">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('5b2e981e288912cdad691f1c44c114e8','mixed')"
+      onclick="switchTab('b52a166d19965395c80ff63a4a2b73d3','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -342,41 +342,41 @@
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">the</span> <span class="nx">background</span> <span class="nx">to</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">of</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">and</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">icon</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="e18d27f9c087503dd6278cdbd6a7555b">
+<div class="tab-panel" data-tab-group="1adf8c0da6053850ee535526ba32beb0">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just-colored-style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('e18d27f9c087503dd6278cdbd6a7555b','just-colored-style')"
+      onclick="switchTab('1adf8c0da6053850ee535526ba32beb0','just-colored-style')"
     >
       <span class="tab-nav-text">just colored style</span>
     </button>
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('e18d27f9c087503dd6278cdbd6a7555b','just-color')"
+      onclick="switchTab('1adf8c0da6053850ee535526ba32beb0','just-color')"
     >
       <span class="tab-nav-text">just color</span>
     </button>
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('e18d27f9c087503dd6278cdbd6a7555b','default-style-and-color')"
+      onclick="switchTab('1adf8c0da6053850ee535526ba32beb0','default-style-and-color')"
     >
       <span class="tab-nav-text">default style and color</span>
     </button>
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('e18d27f9c087503dd6278cdbd6a7555b','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('1adf8c0da6053850ee535526ba32beb0','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
     </button>
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('e18d27f9c087503dd6278cdbd6a7555b','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('1adf8c0da6053850ee535526ba32beb0','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style and color</span>
     </button>
@@ -518,12 +518,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -680,13 +680,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tab/index.print.html b/shortcodes/tab/index.print.html
index f4f49e133a..480de2633a 100644
--- a/shortcodes/tab/index.print.html
+++ b/shortcodes/tab/index.print.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Show content in a single tab">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Tab :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Show content in a single tab">
     <meta property="og:title" content="Tab :: Hugo Relearn Theme">
     <meta property="og:description" content="Show content in a single tab">
     <meta property="og:type" content="article">
@@ -14,31 +18,27 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Tab :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Show content in a single tab">
     <title>Tab :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/tab/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/tab/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/tab/index.html" rel="canonical" type="text/html" title="Tab :: Hugo Relearn Theme">
     <link href="../../shortcodes/tab/index.xml" rel="alternate" type="application/rss+xml" title="Tab :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <p>This is especially useful if you want to flag your code example with an explicit language.</p>
 <p>If you want multiple tabs grouped together you can wrap your tabs into the <a href="../../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="c928ddd08ec0b19ef08f795efd18cdda">
+<div class="tab-panel" data-tab-group="3a0a5b84dcf80d278a00bc7f529624a6">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c928ddd08ec0b19ef08f795efd18cdda','c')"
+      onclick="switchTab('3a0a5b84dcf80d278a00bc7f529624a6','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -208,13 +208,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="a0c7b2e8e73b2d37b9e472c9954bec87">
+<div class="tab-panel" data-tab-group="52d9673425ace3f285692a087c4f2b58">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('a0c7b2e8e73b2d37b9e472c9954bec87','code')"
+      onclick="switchTab('52d9673425ace3f285692a087c4f2b58','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -236,13 +236,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="5b2e981e288912cdad691f1c44c114e8">
+<div class="tab-panel" data-tab-group="b52a166d19965395c80ff63a4a2b73d3">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('5b2e981e288912cdad691f1c44c114e8','mixed')"
+      onclick="switchTab('b52a166d19965395c80ff63a4a2b73d3','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -287,41 +287,41 @@
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">the</span> <span class="nx">background</span> <span class="nx">to</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">of</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">and</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">icon</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="e18d27f9c087503dd6278cdbd6a7555b">
+<div class="tab-panel" data-tab-group="1adf8c0da6053850ee535526ba32beb0">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just-colored-style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('e18d27f9c087503dd6278cdbd6a7555b','just-colored-style')"
+      onclick="switchTab('1adf8c0da6053850ee535526ba32beb0','just-colored-style')"
     >
       <span class="tab-nav-text">just colored style</span>
     </button>
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('e18d27f9c087503dd6278cdbd6a7555b','just-color')"
+      onclick="switchTab('1adf8c0da6053850ee535526ba32beb0','just-color')"
     >
       <span class="tab-nav-text">just color</span>
     </button>
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('e18d27f9c087503dd6278cdbd6a7555b','default-style-and-color')"
+      onclick="switchTab('1adf8c0da6053850ee535526ba32beb0','default-style-and-color')"
     >
       <span class="tab-nav-text">default style and color</span>
     </button>
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('e18d27f9c087503dd6278cdbd6a7555b','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('1adf8c0da6053850ee535526ba32beb0','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
     </button>
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('e18d27f9c087503dd6278cdbd6a7555b','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('1adf8c0da6053850ee535526ba32beb0','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
       <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style and color</span>
     </button>
@@ -382,8 +382,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.html b/shortcodes/tabs/index.html
index 6ac7b98fed..5a82d148dc 100644
--- a/shortcodes/tabs/index.html
+++ b/shortcodes/tabs/index.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Show content in tabbed views">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Tabs :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Show content in tabbed views">
     <meta property="og:title" content="Tabs :: Hugo Relearn Theme">
     <meta property="og:description" content="Show content in tabbed views">
     <meta property="og:type" content="article">
@@ -14,30 +18,26 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Tabs :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Show content in tabbed views">
     <title>Tabs :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/tabs/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/tabs/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -151,27 +151,27 @@
 <p>This comes in handy eg. for providing code snippets for multiple languages.</p>
 <p>If you just want a single tab you can instead call the <a href="../../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="b63425e973fe6237b8da94296c36f233">
+<div class="tab-panel" data-tab-group="6560d637fb5bed7350bf5631368b3d11">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('b63425e973fe6237b8da94296c36f233','py')"
+      onclick="switchTab('6560d637fb5bed7350bf5631368b3d11','py')"
     >
       <span class="tab-nav-text">py</span>
     </button>
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b63425e973fe6237b8da94296c36f233','sh')"
+      onclick="switchTab('6560d637fb5bed7350bf5631368b3d11','sh')"
     >
       <span class="tab-nav-text">sh</span>
     </button>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b63425e973fe6237b8da94296c36f233','c')"
+      onclick="switchTab('6560d637fb5bed7350bf5631368b3d11','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -319,27 +319,27 @@
 <p>See what happens to the tab views while you select different tabs.</p>
 <p>While pressing a tab of Group A switches all tab views of Group A in sync (if the tab is available), the tabs of Group B are left untouched.</p>
 
-<div class="tab-panel" data-tab-group="78a1229152e61781ccb901b6d26adc99">
+<div class="tab-panel" data-tab-group="f53b7a2e34cbeb171b60160dc02b4763">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="group-a-tab-view-1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('78a1229152e61781ccb901b6d26adc99','group-a-tab-view-1')"
+      onclick="switchTab('f53b7a2e34cbeb171b60160dc02b4763','group-a-tab-view-1')"
     >
       <span class="tab-nav-text">Group A, Tab View 1</span>
     </button>
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('78a1229152e61781ccb901b6d26adc99','group-a-tab-view-2')"
+      onclick="switchTab('f53b7a2e34cbeb171b60160dc02b4763','group-a-tab-view-2')"
     >
       <span class="tab-nav-text">Group A, Tab View 2</span>
     </button>
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('78a1229152e61781ccb901b6d26adc99','group-b')"
+      onclick="switchTab('f53b7a2e34cbeb171b60160dc02b4763','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -775,12 +775,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038923" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038923" defer></script>
-        <script src="../../js/search.js?1697038923" defer></script>
+        <script src="../../js/auto-complete.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040176" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040176" defer></script>
+        <script src="../../js/search.js?1697040176" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -937,13 +937,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038923"></script>
+          <script async src="../../js/github-buttons.js?1697040176"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038923" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038923" defer></script>
-    <script src="../../js/theme.js?1697038923" defer></script>
+    <script src="../../js/clipboard.min.js?1697040176" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040176" defer></script>
+    <script src="../../js/theme.js?1697040176" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.print.html b/shortcodes/tabs/index.print.html
index 91b3f77c54..86a412f003 100644
--- a/shortcodes/tabs/index.print.html
+++ b/shortcodes/tabs/index.print.html
@@ -7,6 +7,10 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Show content in tabbed views">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Tabs :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Show content in tabbed views">
     <meta property="og:title" content="Tabs :: Hugo Relearn Theme">
     <meta property="og:description" content="Show content in tabbed views">
     <meta property="og:type" content="article">
@@ -14,31 +18,27 @@
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Tabs :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Show content in tabbed views">
     <title>Tabs :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/tabs/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/tabs/index.html" rel="alternate" hreflang="en">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../../js/url.js?1697038924"></script>
-    <script src="../../js/variant.js?1697038924"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../../js/url.js?1697040177"></script>
+    <script src="../../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,27 +97,27 @@
 <p>This comes in handy eg. for providing code snippets for multiple languages.</p>
 <p>If you just want a single tab you can instead call the <a href="../../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="b63425e973fe6237b8da94296c36f233">
+<div class="tab-panel" data-tab-group="6560d637fb5bed7350bf5631368b3d11">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('b63425e973fe6237b8da94296c36f233','py')"
+      onclick="switchTab('6560d637fb5bed7350bf5631368b3d11','py')"
     >
       <span class="tab-nav-text">py</span>
     </button>
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b63425e973fe6237b8da94296c36f233','sh')"
+      onclick="switchTab('6560d637fb5bed7350bf5631368b3d11','sh')"
     >
       <span class="tab-nav-text">sh</span>
     </button>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('b63425e973fe6237b8da94296c36f233','c')"
+      onclick="switchTab('6560d637fb5bed7350bf5631368b3d11','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -265,27 +265,27 @@
 <p>See what happens to the tab views while you select different tabs.</p>
 <p>While pressing a tab of Group A switches all tab views of Group A in sync (if the tab is available), the tabs of Group B are left untouched.</p>
 
-<div class="tab-panel" data-tab-group="78a1229152e61781ccb901b6d26adc99">
+<div class="tab-panel" data-tab-group="f53b7a2e34cbeb171b60160dc02b4763">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="group-a-tab-view-1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('78a1229152e61781ccb901b6d26adc99','group-a-tab-view-1')"
+      onclick="switchTab('f53b7a2e34cbeb171b60160dc02b4763','group-a-tab-view-1')"
     >
       <span class="tab-nav-text">Group A, Tab View 1</span>
     </button>
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('78a1229152e61781ccb901b6d26adc99','group-a-tab-view-2')"
+      onclick="switchTab('f53b7a2e34cbeb171b60160dc02b4763','group-a-tab-view-2')"
     >
       <span class="tab-nav-text">Group A, Tab View 2</span>
     </button>
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('78a1229152e61781ccb901b6d26adc99','group-b')"
+      onclick="switchTab('f53b7a2e34cbeb171b60160dc02b4763','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -640,8 +640,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/showcase/index.html b/showcase/index.html
index 7837eac886..4e9b6e1df2 100644
--- a/showcase/index.html
+++ b/showcase/index.html
@@ -7,36 +7,36 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Showcase :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Showcase :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/showcase/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Showcase :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Showcase :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/showcase/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/showcase/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html" rel="alternate" hreflang="pir">
     <link href="../showcase/index.xml" rel="alternate" type="application/rss+xml" title="Showcase :: Hugo Relearn Theme">
     <link href="../showcase/index.print.html" rel="alternate" type="text/html" title="Showcase :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../js/url.js?1697038923"></script>
-    <script src="../js/variant.js?1697038923"></script>
+    <link href="../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../js/url.js?1697040176"></script>
+    <script src="../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,14 +138,14 @@
 <h1 id="showcase">Showcase</h1>
 
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
-<p><a href="#R-image-275fe7be0dfdcea09831120e7b6f2c91" class="lightbox-link"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-275fe7be0dfdcea09831120e7b6f2c91"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-13bb90262127790d23715bdb0e629d48" class="lightbox-link"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-13bb90262127790d23715bdb0e629d48"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-training.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
-<p><a href="#R-image-592dd6cc85851b7b2b2532cb83a4f572" class="lightbox-link"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-592dd6cc85851b7b2b2532cb83a4f572"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-7119f77bb9de0cd82af20b803066c248" class="lightbox-link"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-7119f77bb9de0cd82af20b803066c248"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol</h2>
-<p><a href="#R-image-8cf39888565f54d45833f17430066611" class="lightbox-link"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-8cf39888565f54d45833f17430066611"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-0cb830f02549e3e567617789971dc1af" class="lightbox-link"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-0cb830f02549e3e567617789971dc1af"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
             </footer>
@@ -235,12 +235,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1697038924" defer></script>
-        <script src="../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../js/search.js?1697038924" defer></script>
+        <script src="../js/auto-complete.js?1697040177" defer></script>
+        <script src="../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -397,13 +397,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1697038924"></script>
+          <script async src="../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../js/theme.js?1697038924" defer></script>
+    <script src="../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/showcase/index.print.html b/showcase/index.print.html
index 112457fba0..f77b9d9fac 100644
--- a/showcase/index.print.html
+++ b/showcase/index.print.html
@@ -7,37 +7,37 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Showcase :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Showcase :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/showcase/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Showcase :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Showcase :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/showcase/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/showcase/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/showcase/index.html" rel="canonical" type="text/html" title="Showcase :: Hugo Relearn Theme">
     <link href="../showcase/index.xml" rel="alternate" type="application/rss+xml" title="Showcase :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1697038924" rel="stylesheet">
-    <link href="../css/auto-complete.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1697038924" rel="stylesheet">
-    <link href="../css/fonts.css?1697038924" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697038924" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1697038924" rel="stylesheet">
-    <link href="../css/theme-auto.css?1697038924" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1697038924" rel="stylesheet">
-    <link href="../css/print.css?1697038924" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1697038924" rel="stylesheet">
-    <link href="../css/ie.css?1697038924" rel="stylesheet">
-    <script src="../js/url.js?1697038924"></script>
-    <script src="../js/variant.js?1697038924"></script>
+    <link href="../css/fontawesome-all.min.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1697040177" rel="stylesheet">
+    <link href="../css/auto-complete.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1697040177" rel="stylesheet">
+    <link href="../css/fonts.css?1697040177" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697040177" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1697040177" rel="stylesheet">
+    <link href="../css/theme-auto.css?1697040177" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1697040177" rel="stylesheet">
+    <link href="../css/print.css?1697040177" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1697040177" rel="stylesheet">
+    <link href="../css/ie.css?1697040177" rel="stylesheet">
+    <script src="../js/url.js?1697040177"></script>
+    <script src="../js/variant.js?1697040177"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,14 +92,14 @@
 <h1 id="showcase">Showcase</h1>
 
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
-<p><a href="#R-image-275fe7be0dfdcea09831120e7b6f2c91" class="lightbox-link"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-275fe7be0dfdcea09831120e7b6f2c91"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-13bb90262127790d23715bdb0e629d48" class="lightbox-link"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-13bb90262127790d23715bdb0e629d48"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-training.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
-<p><a href="#R-image-592dd6cc85851b7b2b2532cb83a4f572" class="lightbox-link"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-592dd6cc85851b7b2b2532cb83a4f572"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-7119f77bb9de0cd82af20b803066c248" class="lightbox-link"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-7119f77bb9de0cd82af20b803066c248"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol</h2>
-<p><a href="#R-image-8cf39888565f54d45833f17430066611" class="lightbox-link"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-8cf39888565f54d45833f17430066611"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-0cb830f02549e3e567617789971dc1af" class="lightbox-link"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-0cb830f02549e3e567617789971dc1af"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
             </footer>
@@ -108,8 +108,8 @@
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../js/theme.js?1697038924" defer></script>
+    <script src="../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/tags/children/index.html b/tags/children/index.html
index 33e97c6553..933f437f53 100644
--- a/tags/children/index.html
+++ b/tags/children/index.html
@@ -7,35 +7,35 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Children :: Tag :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Children :: Tag :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/tags/children/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Children :: Tag :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Children :: Tag :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/children/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/children/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/children/index.html" rel="alternate" hreflang="pir">
     <link href="../../tags/children/index.xml" rel="alternate" type="application/rss+xml" title="Children :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -223,12 +223,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../../js/search.js?1697038924" defer></script>
+        <script src="../../js/auto-complete.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -385,13 +385,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038924"></script>
+          <script async src="../../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/tags/config/index.html b/tags/config/index.html
index 39655ada4b..13f31366ac 100644
--- a/tags/config/index.html
+++ b/tags/config/index.html
@@ -7,35 +7,35 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="config :: Tag :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="config :: Tag :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/tags/config/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="config :: Tag :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>config :: Tag :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/config/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/config/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/config/index.html" rel="alternate" hreflang="pir">
     <link href="../../tags/config/index.xml" rel="alternate" type="application/rss+xml" title="config :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -210,12 +210,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../../js/search.js?1697038924" defer></script>
+        <script src="../../js/auto-complete.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -372,13 +372,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038924"></script>
+          <script async src="../../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/tags/content/index.html b/tags/content/index.html
index 03b2709524..95ad07de99 100644
--- a/tags/content/index.html
+++ b/tags/content/index.html
@@ -7,35 +7,35 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Content :: Tag :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Content :: Tag :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/tags/content/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Content :: Tag :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Content :: Tag :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/content/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/content/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/content/index.html" rel="alternate" hreflang="pir">
     <link href="../../tags/content/index.xml" rel="alternate" type="application/rss+xml" title="Content :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -210,12 +210,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../../js/search.js?1697038924" defer></script>
+        <script src="../../js/auto-complete.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -372,13 +372,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038924"></script>
+          <script async src="../../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/tags/documentation/index.html b/tags/documentation/index.html
index 45baf5a2d5..11ea5eac2d 100644
--- a/tags/documentation/index.html
+++ b/tags/documentation/index.html
@@ -7,32 +7,32 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="documentation :: Tag :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="documentation :: Tag :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/tags/documentation/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="documentation :: Tag :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>documentation :: Tag :: Hugo Relearn Theme</title>
     <link href="../../tags/documentation/index.xml" rel="alternate" type="application/rss+xml" title="documentation :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -207,12 +207,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../../js/search.js?1697038924" defer></script>
+        <script src="../../js/auto-complete.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -368,13 +368,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038924"></script>
+          <script async src="../../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/tags/headless/index.html b/tags/headless/index.html
index d2bfe81fe4..35b70ff808 100644
--- a/tags/headless/index.html
+++ b/tags/headless/index.html
@@ -7,35 +7,35 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="headless :: Tag :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="headless :: Tag :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/tags/headless/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="headless :: Tag :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>headless :: Tag :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/headless/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/headless/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/headless/index.html" rel="alternate" hreflang="pir">
     <link href="../../tags/headless/index.xml" rel="alternate" type="application/rss+xml" title="headless :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -209,12 +209,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../../js/search.js?1697038924" defer></script>
+        <script src="../../js/auto-complete.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -371,13 +371,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038924"></script>
+          <script async src="../../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/tags/hidden/index.html b/tags/hidden/index.html
index c8d390a8df..0493055fcf 100644
--- a/tags/hidden/index.html
+++ b/tags/hidden/index.html
@@ -7,35 +7,35 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="hidden :: Tag :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="hidden :: Tag :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/tags/hidden/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="hidden :: Tag :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>hidden :: Tag :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/hidden/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/hidden/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/hidden/index.html" rel="alternate" hreflang="pir">
     <link href="../../tags/hidden/index.xml" rel="alternate" type="application/rss+xml" title="hidden :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -214,12 +214,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../../js/search.js?1697038924" defer></script>
+        <script src="../../js/auto-complete.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -376,13 +376,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038924"></script>
+          <script async src="../../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/tags/index.html b/tags/index.html
index 81adbba3fd..6bd36825fe 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -7,35 +7,35 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="Tags :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="Tags :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/tags/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="Tags :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>Tags :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/index.html" rel="alternate" hreflang="x-default">
     <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?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../js/url.js?1697038923"></script>
-    <script src="../js/variant.js?1697038923"></script>
+    <link href="../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../js/url.js?1697040176"></script>
+    <script src="../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -237,12 +237,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1697038924" defer></script>
-        <script src="../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../js/search.js?1697038924" defer></script>
+        <script src="../js/auto-complete.js?1697040177" defer></script>
+        <script src="../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -399,13 +399,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1697038924"></script>
+          <script async src="../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../js/theme.js?1697038924" defer></script>
+    <script src="../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/tags/non-hidden/index.html b/tags/non-hidden/index.html
index 9b9bc4fbe6..ff95aa7909 100644
--- a/tags/non-hidden/index.html
+++ b/tags/non-hidden/index.html
@@ -7,35 +7,35 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="non-hidden :: Tag :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="non-hidden :: Tag :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/tags/non-hidden/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="non-hidden :: Tag :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>non-hidden :: Tag :: Hugo Relearn Theme</title>
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/non-hidden/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/non-hidden/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/non-hidden/index.html" rel="alternate" hreflang="pir">
     <link href="../../tags/non-hidden/index.xml" rel="alternate" type="application/rss+xml" title="non-hidden :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -217,12 +217,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../../js/search.js?1697038924" defer></script>
+        <script src="../../js/auto-complete.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -379,13 +379,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038924"></script>
+          <script async src="../../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>
diff --git a/tags/tutorial/index.html b/tags/tutorial/index.html
index a795399681..ed8638ff82 100644
--- a/tags/tutorial/index.html
+++ b/tags/tutorial/index.html
@@ -7,32 +7,32 @@
     <meta name="generator" content="Relearn 5.22.1+tip">
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
+    <meta name="twitter:title" content="tutorial :: Tag :: Hugo Relearn Theme">
+    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:title" content="tutorial :: Tag :: Hugo Relearn Theme">
     <meta property="og:description" content="Documentation for Hugo Relearn Theme">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/tags/tutorial/index.html">
     <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
     <meta property="og:site_name" content="Hugo Relearn Theme">
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
-    <meta name="twitter:title" content="tutorial :: Tag :: Hugo Relearn Theme">
-    <meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
     <title>tutorial :: Tag :: Hugo Relearn Theme</title>
     <link href="../../tags/tutorial/index.xml" rel="alternate" type="application/rss+xml" title="tutorial :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1697038923" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1697040176" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1697038923" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1697038923" rel="stylesheet">
-    <link href="../../css/fonts.css?1697038923" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697038923" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1697038923" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1697038923" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1697038923" rel="stylesheet">
-    <link href="../../css/print.css?1697038923" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1697038923" rel="stylesheet">
-    <script src="../../js/url.js?1697038923"></script>
-    <script src="../../js/variant.js?1697038923"></script>
+    <link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1697040176" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1697040176" rel="stylesheet">
+    <link href="../../css/fonts.css?1697040176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1697040176" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1697040176" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1697040176" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1697040176" rel="stylesheet">
+    <link href="../../css/print.css?1697040176" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1697040176" rel="stylesheet">
+    <script src="../../js/url.js?1697040176"></script>
+    <script src="../../js/variant.js?1697040176"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -207,12 +207,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1697038924" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1697038924" defer></script>
-        <script src="../../js/search.js?1697038924" defer></script>
+        <script src="../../js/auto-complete.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1697040177" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1697040177" defer></script>
+        <script src="../../js/search.js?1697040177" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -368,13 +368,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1697038924"></script>
+          <script async src="../../js/github-buttons.js?1697040177"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1697038924" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1697038924" defer></script>
-    <script src="../../js/theme.js?1697038924" defer></script>
+    <script src="../../js/clipboard.min.js?1697040177" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1697040177" defer></script>
+    <script src="../../js/theme.js?1697040177" defer></script>
   </body>
 </html>